项目中需要为A,B 2个元素 绘出统计值的曲线,但A与B 的 时间点 并不一致,查找HighCharts API后 ,发现了解决方法
$(function () { var chart = new Highcharts.Chart({ chart: { renderTo: 'container' }, xAxis: { type: 'datetime', labels: { formatter: function() { return Highcharts.dateFormat('%Y-%m-%d', this.value); }, } }, tooltip: { shared : true, xDateFormat: '%Y-%m-%d'//鼠标移动到趋势线上时显示的日期格式 }, series: [{ name: 'A', data: [ [Date.UTC(2010, 0, 1), 29.9], [Date.UTC(2010, 0, 2), 71.5], [Date.UTC(2010, 0, 3), 106.4], [Date.UTC(2010, 0, 6), 129.2], [Date.UTC(2010, 0, 7), 144.0], [Date.UTC(2010, 0, 8), 176.0] ] }, { name: 'B', data: [ [Date.UTC(2010, 0, 1), 29.9], [Date.UTC(2010, 0, 3), 71.5], [Date.UTC(2010, 0, 7), 106.4], [Date.UTC(2010, 0, 10), 129.2], [Date.UTC(2010, 0, 24), 144.0], [Date.UTC(2010, 0, 30), 176.0] ] }] }); });
可以看到X轴上的时间点与 A,B 两条折现的 数据点并不对应。