【问题标题】:Showing multiple lines for one series in Highcharts在 Highcharts 中显示一个系列的多行
【发布时间】:2014-09-02 08:09:11
【问题描述】:

我们有 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
}]

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

【问题讨论】:

  • 您能发布一些示例数据和/或示例帖子吗?很难理解你的问题。
  • 请检查我已编辑问题

标签: jquery json highcharts


【解决方案1】:

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

$(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上的演示

【讨论】:

  • 谢谢 Reeno,是的,你是对的,但是当我选择 oa 时,oa 系列(ch1、ch2、ch3 等;)应该反映在一个图表中。每个 oa 都不同,例如:oa ch1,oa ch2,oa ch3。
  • 所以只有jsfiddle.net/19pmxa3a/1中的oa?也许你可以创建一个简单的图表,例如Excel 显示您想要的内容
  • 我想告诉你,当我点击 oa 系列时,它会显示 ch1 ch2 ch3 的所有三行,当我点击 ra 时,它会显示 ch1 ch2 和 ch3 的所有相关行
  • 所以图表旁边应该有一个链接或下拉菜单来选择系列?
  • 可以,但是应该不用下拉,直接显示三行
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-05-25
  • 1970-01-01
  • 1970-01-01
  • 2013-10-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多