首页 > 【Highcharts】如何巧妙解决时刻不同的数据数量相同的绘图难题。

【Highcharts】如何巧妙解决时刻不同的数据数量相同的绘图难题。

  1. 假设x轴是时间轴,而y轴表示的是某一个时刻的数据值。

  2. x轴的时刻点数是固定的,y轴是动态生成和变化的

    ----highcharts好像就是这样的原理----

  3. 现在我收集到数据如下情况:

    A: 30[2013-07-18 11:28:00]
    B: 23[2013-07-18 11:29:00]
    C: 24[2013-07-18 11:30:00]
    A: 30[2013-07-18 11:31:00]
    B: 23[2013-07-18 11:32:00]
    C: 24[2013-07-18 11:33:00]
    ...
    

    有三种数据,不同时刻只有一种数据。

  4. 假设x轴有10个点,从0到10是一个时间区间,希望可以容纳3种数据各10个。

    0-10的这片区间中,我也不知道要设置什么时刻。


xAxis: {
            categories: ["2013-7-18 00:00","2013-7-18 00:02","2013-7-18 00:04","2013-7-18 00:06","2013-7-18 00:08","2013-7-18 00:10","2013-7-18 00:12","2013-7-18 00:14","2013-7-18 00:16","2013-7-18 00:56"]
        },
series: [{
            name: 'A',
            data: [114,110,117,100,995,987,904,425,808,458]
        },{
            name: 'B',
            data: [556,445,345,234,158,567,435,357,346,897]
        },{
            name: 'C',
            data: [876,456,344,233,655,233,522,644,367,567]
        }]

这是相关的两个参数,xAxis是横坐标,series是纵坐标。A B C是三条线对应的纵坐标值

【热门文章】
【热门文章】