In v30 the label for a line chart showed right above the element.
In v35 the labels show right above the grid.
Is there an additional setting for the label position in v35?
In v30 the label for a line chart showed right above the element.
In v35 the labels show right above the grid.
Is there an additional setting for the label position in v35?
Can the problem be reproduced in the samples from Chart package ? We have not managed to recreate it locally.
Yes, I am able to reproduce the problem with the examples.
Please see below code that is based on your sample.
In chart1 change the item:{ } to radius: 0, and the labels will move above the graph in IE9 or dissapear alltogether in Chrome.
Chart5 and chart6 are just 2 more examples with grid.
My workaround for now: I changed the radius from 0 to 0.1
Well, the labels are close to the line where they belong, but I would have expected the “dots” to disapear when a radius of 0 is selected.
So, I added the underlined code to make the charts match the look I had before:
var chart_staffutil = new dhtmlXChart({
view: "line",
container: "chart_staffutil",
value: "#data2#",
label: "#data2#",
item: {
[u]borderColor: green,[/u]
radius: 0
},
line: {color: green,width:2},
xAxis: {
lines: true,
template: "#data1#"
},
yAxis: {
title: "Percent"
},
padding: {
top: 16, bottom: 24
},
legend:{
layout: "x",
width: 75,
align: "center",
valign: "bottom",
values: [{
text: "Billable",
color: green
},{
text: "Overall",
color: blue
}]
}
});
chart_staffutil.addSeries({
value: "#data3#",
label: "#data3#",
item: {
borderColor: blue,
radius: 0
},
line: {color: blue,width:2}
});
chart_staffutil.parse(’.$arrSql.’,“jsarray”);
Beautiful. Thanks!!!