在Highcharts中为一个系列显示多行

时间:2014-09-02 08:09:11

标签: jquery json highcharts

我们有3个参数,如oa,ra,ga,我们有多个通道,如ch1,ch2,ch3。 现在问题是每个参数如(oa,ra,ga)包含所有三个通道,如ch1,ch2,ch3。 根据条件,我想显示3个参数的趋势图,每个参数将显示每个通道3行。 如何实现这一点。

请帮助我们在3天内投入更多资金,最后我们在论坛上提出要求。

此致 SRD

Series:[{
      name:"oa",
      data:[23,12,12,23,23,23,23]//these for ch1
      data:[12,32,23,23,23,23,23]//for ch2
      data:[23,23,23,23,11,11,11]//for ch3
}]

现在系列o想要显示3行ch1 ch2和ch3就像我想要的那样

1 个答案:

答案 0 :(得分:0)

我不知道我是否完全理解你,但为什么不为每个参数和每个频道添加新的数据系列:

$(function () {
    $('#container').highcharts({
        title: {
            text: 'Sample data',
            x: -20 //center
        },
        xAxis: {

        },
        yAxis: {
            title: {
                text: 'sample data'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: '°C'
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle',
            borderWidth: 0
        },
        series: [{
            name: 'oa: ch1',
            data: [23,12,12,23,23,23,23]
        }, {
            name: 'oa: ch2',
            data: [12,32,23,23,23,23,23]
        }, {
            name: 'oa: ch3',
            data: [23,23,23,23,11,11,11]
        },{
            name: 'ra: ch1',
            data: [12,23,12,12,23,23,23]
        }, {
            name: 'ra: ch2',
            data: [23,23,23,12,32,23,23]
        }, {
            name: 'ra: ch3',
            data: [11,11,23,23,11,23,23]
        }]
    });
});

JSFiddle上的演示