我有一个典型的场景,在图表行中没有为我画画。
当我尝试获取相同的数据并将其放入jsfiddle时,它似乎正在工作。
附上我的应用程序中的屏幕截图,该屏幕截图不显示该行但仅显示点。
以下是我正在谈论的fiddle
$(function () {
$('#chartContainer').highcharts({chart: {
renderTo: 'chartContainer',
type: 'spline',
marginTop:50,
spacingBottom: 5,
marginBottom: 100
},
credits: {
enabled: false
},
title: {
text: 'Product health'
},
subtitle: {
text: ''
},
xAxis: {
type: 'datetime',
minTickInterval: 24 * 3600 * 1000,
dateTimeLabelFormats: {
month: '%e %b',
year: '%b'
}
},
yAxis: {
min: 0,
max:100,
tickInterval:10,
title: {
text: 'Passrate'
}
},
legend: {
title: {
text: '<span style="font-size: 9px; color: #666; font-weight: normal">To toggle between different branches click on the branch names in the legend</span>',
style: {
fontStyle: 'italic'
}
},
layout: 'horizontal'
},
tooltip: {
formatter: function() {
return 'Branch: <b>'+ this.series.name +
'</b><br/>Date: '+ Highcharts.dateFormat('%e %b',this.x)+
'</b><br/>Pass rate: '+ this.y +'%'+
'</b><br/>Pass count: '+ this.point.options.passCount+
'</b><br/>Total count: '+ this.point.options.totalCount;
}
},
plotOptions: {
spline: {
dataLabels: {
enabled: 'True',
format: '{y} %'
},
enableMouseTracking: true,
crop: 'false',
overflow: 'none'
}
},
series: [{name: 'xyz', data:[{x: Date.UTC(2013,10,2),y: 100,passCount: 4,totalCount: 4},{x: Date.UTC(2013,10,6),y: 100,passCount: 3,totalCount: 3}]}]
});
});