Hi,
I encountered a strange behaviour when working with datapoint Labels and zoom+slide,
I have this simple column chart:
[img]https://drive.google.com/file/d/0B_hWU5z1QeE3UGJHN1BSazh0cEE/view?usp=sharing[/img]
When i zoom-in and drag the chart to the left. the datalpoint labels sort of slides on top of the left axis:
[img]https://drive.google.com/open?id=0B_hWU5z1QeE3amViTWYtMzB4elk[/img]
(Notice the "10" label floating on the left axis)
This happens in horizontal and vertical scrolling with all axes (left,right,top,bottom), quite a problem since it hides some of the text and looks bad...
is there a way to prevent this from happening? (axis background / somehow determine the chart's actual area)
sample code of the chart's creation:
Code:
$("#Chart").jqChart({
title: { text: "Test" },
animation: { duration: 1},
shadows: { enabled: true },
axes: [
{
labels: { cursor: "pointer" },
location: "bottom",
title: { fillStyle: "black", font: "18px sans-serif", lineWidth: 1, text: "Bottom"},
zoomEnabled: true
},
{
interval: 50,
location: "left",
majorGridLines: { interval: 12.5 },
title: { fillStyle: "black", font: "18px sans-serif", lineWidth: 1, text: "Left"}
}
],
series: [
{
cursor: "pointer",
data: [["1", 10],["2", 5]],
labels: { font: "15px sans-serif" },
nullHandling: "break",
title: "1",
type: "column"
},
{
cursor: "pointer",
data: [["1", 2],["2", 18]],
labels: { font: "15px sans-serif" },
nullHandling: "break",
title: "2",
type: "column"
}
],
legend: { allowHideSeries: true, title: { text: "Legend" }, visible: true },
border: { visible: false },
});
Thanks.