Welcome Guest Search | Active Topics |

Markers not compatible in Chrome
Krupa
#1 Posted : Tuesday, November 20, 2012 11:41:51 PM(UTC)
Rank: Member

Groups: Registered
Joined: 10/30/2012(UTC)
Posts: 26

Thanks: 0 times
Was thanked: 0 time(s) in 0 post(s)
I am using markers for my series as below:

markers : {
size : 10,
type : 'rectangle',
strokeStyle : '#FFC300',
fillStyle : '#FFC300',
lineWidth : 1

}

It is displayed as a rectangle filled with the specified color in Internet Explorer. But in chrome only the border of the rectangle is visible. The fillstyle is not effective in chrome.

Please help.
Ivan
#2 Posted : Wednesday, November 21, 2012 5:45:33 AM(UTC)
Rank: Administration

Groups: Administrators, Moderator, Registered
Joined: 11/5/2012(UTC)
Posts: 131

Thanks: 0 times
Was thanked: 15 time(s) in 15 post(s)
Which version of Chrome you are using?

How this sample appears in Chrome:

http://www.jqchart.com/samples/ChartFeatures/Markers

Do the markers are red inside?

If it is possible, can you send me your sample ( support@jqchart.com ), so I can look at it?
Best,
Ivan Petrov
jqChart Inc.
Krupa
#3 Posted : Wednesday, November 21, 2012 7:52:53 AM(UTC)
Rank: Member

Groups: Registered
Joined: 10/30/2012(UTC)
Posts: 26

Thanks: 0 times
Was thanked: 0 time(s) in 0 post(s)


I have also mailed the graph to the ID provided.

I am using chrome of version - Version 23.0.1271.64 m.

Please Help.
Krupa
#4 Posted : Wednesday, November 21, 2012 10:22:20 AM(UTC)
Rank: Member

Groups: Registered
Joined: 10/30/2012(UTC)
Posts: 26

Thanks: 0 times
Was thanked: 0 time(s) in 0 post(s)
I tried with the latest jars provided. Still the issue persists.

Please find my code below:

var first = {
title : 'Range2',
type : 'verticalline',
data : b,
markers : {
size : 10,
type : 'rectangle',
strokeStyle : '#0071C6',
fillStyle : '#0071C6',
lineWidth : 1
}

};
var second = {
title : 'Range1',
type : 'verticalline',
data : c,
markers : {
size : 10,
type : 'rectangle',
strokeStyle : '#FFC300',
fillStyle : '#FFC300',
lineWidth : 1
}

};
var tempHeight = $('#' + thisPnl.id + "-body").height();
$('#bst-graph').height(tempHeight - 50 + 'px');
$('#bst-graph').jqChart({

paletteColors : {
type : 'customColors',
customColors : [ '#0071C6', '#FFC300' ]
},
tooltips: {
disabled : true
},
border : {
//cornerRadius: 20,
lineWidth : 0
//strokeStyle: '#6ba851'
},

axes : [ {
location : 'left',
type : 'dateTime',
labels : {
stringFormat : 'mm/dd HH:MM'
},
title : {
text : 'Date/Time',
fillStyle : 'black'
},
intervalType : 'hours',
interval : 6,
reversed : true,
majorGridLines : {
visible : false
}

}, {
location : 'bottom',
type : 'linear',
minimum : 0,
//maximum : 600,
labels : {
font : '9px sans-serif',
intervalOffset : 50
//angle: -45
},
majorTickMarks : {
intervalOffset : 50
},
interval : 50,

title : {
text : 'BST',
fillStyle : 'black'
},
majorGridLines : {
visible : false
}
} ],

series : [ first, second

]

});

Please help.

Users browsing this topic
Guest (2)
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

FlatEarth Theme by Jaben Cargman (Tiny Gecko)
Powered by YAF 1.9.4 | YAF © 2003-2010, Yet Another Forum.NET
This page was generated in 0.142 seconds.