Blog / 阅读

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

by admin on 2014-10-15 14:47:38 in ,



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


[javascript] view plaincopy在CODE上查看代码片派生到我的代码片
$(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]  
             ]  
        }]  
      
    });  
});  




http://jsfiddle.net/GxYM3/

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


写评论

相关文章

上一篇:thinkphp模板中if condition调用自己的扩展函数内置函数

下一篇:php中对二维数组某个元素进行排序方法

评论

写评论

* 必填.

分享

栏目

赞助商


热门文章

Tag 云