Question

我想创建一个图表，其中y轴为小时（1- 24），x轴为日（1-10）。任何人都可以建议一种方法。

系列中的重复数字在一点散布

以下是来自http://gionkunz.github.io/chartist-js/

的chartistjs的代码

var chart = new Chartist.Line('.ct-chart', {
  labels: [1,2,3,4,5,6,7,8,9,10],
  series: [3, 4, 5, 6, 8, 10, 11, 11, 11, 12, 13, 16, 17, 17, 18, 18, 19, 19, 21, 21, 21, 23, 23]
}, {
  fullWidth: true,
  chartPadding: {
    right: 10
  },
  low: 0
});

Answer 1

您无法使用提交的Chartist使用data object构建任何类型的图表。因为data object可以包含大量series，但每个labels的大小应与function highlight($text, $word) { preg_match_all('~\w+~', $word, $m); if(!$m) return $text; $re = '~\\b(' . implode('|', $m[0]) . ')\\b~i'; return preg_replace($re, '<mark>$0</mark>', $text); }数组大小相同。

实施

系列中的重复数字在一点散布

首先，您需要将数据分解为系列。在您的示例中，每个系列必须包含10个数字（10天中的每一个都开启）。也许你应该尝试使用其他类型的图表，即line scatter

创建图表

1 个答案: