Chartist. js - точки данных не видны, проблема с форматированием json данных

Question

Я использую Chartist. js для динамического создания диаграммы с использованием json данных, полученных из нескольких текстовых входов. Сам график генерируется с правильной серией меток, но точки данных не отображаются, только оси x и y. Я обнаружил, что чартисту нужен дополнительный набор скобок '[]' вокруг данных, чтобы он тоже работал.

Мои json данные выглядят так:

{labels: ['07:00', '10:00', '12:00', '14:00'],
 series: [333, 444, 322, 222]} 

Чартисту необходимо записать данные серии следующим образом: series: [[333, 444, 322, 222]]

Я инициирую Чартиста следующим образом :

new Chartist.Line('.ct-chart', data);

Мне нужно немного помочь в получении дополнительных скобок вокруг сгенерированных данных серии. Я искал метод, но все, что я могу найти, это примеры, когда данные уже установлены, а не сгенерированы.

Answer 1

Вам нужно отделить ряд от ваших данных и назначить их в соответствующих местах.

 var dataJson = {labels: ['07:00', '10:00', '12:00', '14:00'],
 series: [333, 444, 322, 222]} 

new Chartist.Line('.ct-chart', {
labels: dataJson.labels,
series: [dataJson.series]
}, {
   fullWidth: true,
   chartPadding: {
   right: 40
  }
});

Дайте мне знать, если это сработало.