(转) HighCharts 非规律日期 多条曲线的 绘画

转自：http://blog.csdn.net/z69183787/article/details/8651296

项目中需要为A，B 2个元素 绘出统计值的曲线，但A与B 的 时间点 并不一致，查找HighCharts API后 ，发现了解决方法

1. $(function () {
2. var chart = new Highcharts.Chart({
3. chart: {
4. renderTo: 'container'
5. },
6. xAxis: {
7. type: 'datetime',
8. labels: {
9. formatter: function() {
10. return  Highcharts.dateFormat('%Y-%m-%d', this.value);
11. },
12. }
13. },
14. tooltip: {
15. shared : true,
16. xDateFormat: '%Y-%m-%d'//鼠标移动到趋势线上时显示的日期格式
17. },
18. series: [{
19. name: 'A',
20. data: [
21. [Date.UTC(2010, 0, 1), 29.9],
22. [Date.UTC(2010, 0, 2), 71.5],
23. [Date.UTC(2010, 0, 3), 106.4],
24. [Date.UTC(2010, 0, 6), 129.2],
25. [Date.UTC(2010, 0, 7), 144.0],
26. [Date.UTC(2010, 0, 8), 176.0]
27. ]
28. },
29. {     name: 'B',
30. data: [
31. [Date.UTC(2010, 0, 1), 29.9],
32. [Date.UTC(2010, 0, 3), 71.5],
33. [Date.UTC(2010, 0, 7), 106.4],
34. [Date.UTC(2010, 0, 10), 129.2],
35. [Date.UTC(2010, 0, 24), 144.0],
36. [Date.UTC(2010, 0, 30), 176.0]
37. ]
38. }]
39. });
40. });

http://jsfiddle.net/GxYM3/

可以看到X轴上的时间点与 A，B 两条折现的 数据点并不对应。