Chartist.js - 数据点不可见，格式化 json 数据存在问题答案

【问题标题】：Chartist.js - data points not visible, issue with formatting json dataChartist.js - 数据点不可见，格式化 json 数据存在问题
【发布时间】：2020-02-04 00:15:43
【问题描述】：

我正在使用Chartist.js 使用从多个文本输入派生的 json 数据动态生成图表。图表本身是使用正确的标签系列生成的，但没有显示数据点，只有 x 和 y 轴。我发现图表师需要在数据周围加上一组额外的括号“[]”才能正常工作。

我的 json 数据如下所示：

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

Chartist 需要系列数据这样写：series: [[333, 444, 322, 222]]

我正在像这样启动 Chartist：

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

我需要一些帮助来获得围绕生成的系列数据的额外括号。我已经搜索了一种方法，但我能找到的只是数据已经设置而不是生成的示例。

【问题讨论】：

标签： json chartist.js

【解决方案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
  }
});

让我知道它是否有效。

【讨论】：