Линейная диаграмма с использованием массива - PullRequest
0 голосов
/ 02 октября 2019

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

https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/series/color-zones-simple

data= {
  "Tue Oct 01 2019": 3,
  "Tue Oct 02 2019": 1
}

1 Ответ

0 голосов
/ 02 октября 2019

Вы можете достичь этого, используя этот код:

const dataObj = {
  "Tue Oct 01 2019": 3,
  "Tue Oct 02 2019": 1
};

let key,
    data = [];

for (key in dataObj) {
    data.push([+new Date(key), dataObj[key]]);
}

Highcharts.chart('container', {
    xAxis: {
    type: 'datetime'
  },
  series: [{
    data: data
  }]
});

Демо:

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...