У меня никогда не было такого раньше, и я не знаю, почему это происходит. Как вы можете видеть, хотя точки данных точки А ниже, чем точки В, они появляются над ней (первый снимок экрана). Странно то, что когда я скрываю строку B (второй снимок экрана), строка A правильно перемещается в правильное положение.
Я собрал jsfiddle, чтобы продемонстрировать эту проблему:
http://jsfiddle.net/qwfZ9/1813/
И код ниже:
var chart = new Highcharts.Chart({
chart:{
renderTo:"ChartArea",
defaultSeriesType:"line",
zoomType:"x",
plotBackgroundColor:"#c8c8c8",
backgroundColor:"#d5d5d5"
},
title:{
text:"TEST"
},
series:[{
name:"A",
data:[21,21,21,21,23,23,26,24,24,24,24,26,26,21,19,19,19,23,23,23,21,22,22,22,21,16],
pointStart:1314316800000,
pointInterval:86400000,
stack:0,
type:"line",
multiplier:1,
dashStyle:"solid",
color:"#AA4643"
},{
name:"B",
data:[51,51,51,51,52,53,50,47,47,47,47,46,46,42,41,41,41,67,65,66,50,53,52,53,64,59],
pointStart:1314316800000,
pointInterval:86400000,
stack:0,
type:"line",
multiplier:1,
dashStyle:"solid",
color:"#89A54E"}],
plotOptions:{
series:{
stacking:"normal",
borderColor:"black",
shadow:false,
borderWidth:0},
area:{
stacking:"normal",
shadow:false,
fillOpacity:0}},
LastUpdated:0,
colors:["#000000"],
yAxis:{
title:{
text:"Test Counts"
},
labels:{
rotation:0,
align:"right"
},
plotOptions:[{color:"#000000",
width:2,
value:0,
id:"plotline-1"}],
startOnTick:true,
showFirstLabel:true,
stackLabels:{
enabled:true,
style:{
color:"black"}},
min:0,
max:100},
xAxis:{
title:{
text:"Time"},
type:"datetime",
maxZoom:86400000,
tickInterval:86400000,
labels:{
rotation:-40,
align:"right",}},
credits:{
enabled:false},
ZoomTypeChanger:null,
yExtreme:null});