Javascript 为什么此Highcharts图形仅显示第一个和最后一个节点的工具提示?
我刚开始使用Highcharts,但在显示图表中每个数据项的工具提示时遇到了一些问题。目前,它只显示第一项和最后一项的工具提示Javascript 为什么此Highcharts图形仅显示第一个和最后一个节点的工具提示?,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我刚开始使用Highcharts,但在显示图表中每个数据项的工具提示时遇到了一些问题。目前,它只显示第一项和最后一项的工具提示 var chart1; // globally available $(document).ready(function () { var options = { chart: { renderTo: 'AssessmentChart', marginRight: 100,
var chart1; // globally available
$(document).ready(function () {
var options = {
chart: {
renderTo: 'AssessmentChart',
marginRight: 100,
marginBottom: 40
},
title: {
text: 'Assessment history',
x: -20 //center
},
subtitle: {
text: 'Assessment history for this patient',
x: -20 //center
},
xAxis: {
type: 'datetime'
},
yAxis: {
title: {
text: 'Score'
},
max: 72,
min: 0
},
tooltip: {
formatter: function() {
return '<b>'+ this.y +'</b>';
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
series: []
};
// Get the main assessment data...
var dlqiData = [], hdnDlqiData = $("#hdnDlqiData");
if (hdnDlqiData.length > 0) {
var dlqiDataJson = $.parseJSON(hdnDlqiData.val());
$.each(dlqiDataJson, function (i, item) {
dlqiData.push(
{
x: stringToUtcDate(item.dateCreated),
y: item.calculatedScore
}
);
});
options.series.push({
type: 'spline',
name: 'DLQI',
data: dlqiData
});
}
chart1 = new Highcharts.Chart(options);
function stringToUtcDate(datestring) {
var date = datestring.split('/');
return Date.UTC(parseInt(date[2], 10), parseInt(date[1], 10) - 1, parseInt(date[0], 10));
}
});
我正在从一个隐藏的表单字段中提取数据,这里有一把小提琴显示了这一点:
这是一个官方小提琴家,他们管理得很好,但从中我看不出我错了什么
我知道这会很容易,但我看不出来。谁能给我指出正确的方向吗
谢谢,
格雷格。如果使用日期时间x轴,您需要将数据按升序排列。如果使用日期时间x轴,您需要将数据按升序排列。我知道这很简单!谢谢。我就知道会很简单!谢谢