Chart.js 制作图表示例

因为最近新换的主题 Congo 包含对 Chart.js 的支持，可以通过简单的结构化数据嵌入图表到文章中。它支持多种不同的图表样式，并且一切都可以通过短代码 chart 内部进行配置。只需在短代码标签之间提供图表参数，Chart.js 将完成其余工作。Congo 会自动根据配置的 colorScheme 参数为图表添加主题，但颜色可以使用常规的 Chart.js 语法进行自定义。

感兴趣就先尝试了一下，详细使用信息需要参阅官方 Chart.js 文档。

先看两个官方 Chart.js 文档示例：

柱状图示例 1：

代码

{{< chart >}}
type: 'bar',
data: {
  labels: ['Tomato', 'Blueberry', 'Banana', 'Lime', 'Orange'],
  datasets: [{
    label: '# of votes',
    data: [19, 4, 12, 97, 23],
  }]
}
{{< /chart >}}

柱状图示例 2：