highcharts / Угловая привязка данных с сериями

Question

highcharts / Угловая привязка данных с сериями

0

Я не так разбираюсь в highcharts и борюсь с привязкой своих данных к параметру серии.

У меня есть контроллер, который, помимо другой логики, предлагает массив объектов, которые я хочу отобразить (console.log предлагает их все правильно)

this.plotData = [];

который подталкивается

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

с 3 объектами в нем, которые включают name "String" и data []. Я хотел бы привязать их к контроллеру диаграммы с помощью

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

        }, ...

для каждой предоставленной информации. Но ничего не отображается правильно, кроме строки, которую я добавил, чтобы проверить привязку. Что может быть неправильным?

edamerau 22 июль 2016, в 13:50

Источник

Теги:

javascript

angularjs

highcharts

1 ответ

Ещё вопросы

Strahdvonzar · Answer 1 · 2016-07-22T09-33-00.000Z

Чтобы отобразить более одного графика в Highcharts, вам необходимо заполнить свойство Series, которое представляет собой массив объектов, таких как:

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

Вы не проиллюстрируете что-то подобное в своем примере.

myDataSet должен быть Array() массивов, как myDataSet ниже:

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] 
    ]
  }
]

предоставленные данные представляют собой массив с объектами, которые содержат метки времени и значения. Поэтому я подумал, что data: plotData[0] отобразить каждый объект с его массивом данных по data: plotData[0] - или мне нужно изменить способ предоставления данных и сначала разделить их?
Для свойства "series" требуется массив Array из пар Timestamp / Value, оно не будет работать с Array of Objects. Проверьте эту ссылку, которая полностью описывает свойство "series". Это поможет вам решить вашу проблему: highcharts.com/docs/chart-concepts/series