javascript - highcharts/Angular 与系列数据绑定(bind)

Question

我对 Highcharts 没有那么丰富的经验，并且很难将我的数据绑定(bind)到系列参数中。

我有一个 Controller ，除了其他逻辑之外，它还提供了我想要显示的对象数组(console.log 正确地提供了它们)

this.plotData = [];

这是由

插入的

this.plotData.push({
                  name: dataport,
                  data: this.plotFromData(this.device.data[dataport]),
                })

其中包含 3 个对象，包括 name "String" 和 data []。我想用

将它们绑定(bind)到我的图表 Controller 中

series: [{
     data: this.plotData[0],
     name: 'this.name'
    },
data: this.data[1],
     name: 'a String name'

        }, ...

对于提供的每个数据。但除了我添加来检查绑定(bind)的字符串之外，没有任何内容正确呈现。可能出了什么问题？

Answer 1

为了在 Highcharts 中呈现多个图表，您需要填充 Series 属性，它是一个对象数组，如下所示:

series : [
  {name: 'myName1' , data: myDataSet1} , 
  {name: 'myName2' , data: myDataSet2}
]

您没有在示例中说明类似的内容。

myDataSet 应该是一个 Array() 数组，如下所示:

var myDataSet = [ 
  [timestamp , value] , 
  [timestamp , value] , 
  [timestamp , value] 
];

所以最后你应该有:

series : [
  {   
      name: 'myName1' , 
      data: [ 
        [timestamp , value] , 
        [timestamp , value] , 
        [timestamp , value] 
      ]
  } , 
  {
    name: 'myName2' , 
    data: [ 
       [timestamp , value] , 
       [timestamp , value] , 
       [timestamp , value] 
    ]
  }
]