小编maw*_*wir的帖子

在chart.js中组合多个图例元素

我正在尝试向 chart.js 中的时间序列图添加置信区间。目前我绘制了三个数据集并使用了填充选项。这意味着我最终在图例中有 3 个元素,所有这些元素都可以独立切换(图 1)。

我想要做的是将三个图例元素组合到一个对象中,该对象将同时切换所有三个数据集,例如图 2 中的模型。 [或替代结构我的数据,使单个数据集绘制所有三个行]。

编辑:这是我目前如何实施情节的最小工作示例 - https://jsfiddle.net/r491ge8z/7/

在这个例子中,我想要一个可以切换所有三个数据集的图例元素。

var chartData = {
labels: [1, 2, 3, 4, 5],
datasets: [
        {
      label: "Set 1",
      backgroundColor: 'rgba(55, 173, 221,  0.6)',
      data: [8, 18, 48, 38, 28],
      borderWidth: 0.1,
      fill: false,
      pointRadius: 0.0,
  },

  {
      label: "Set 1",
      backgroundColor: 'rgba(55, 173, 221,  1)',
      data: [10, 20, 50, 40, 30],
      borderColor: "#00F",
      fill: false,
      pointRadius: 0.0,
  },

  {
      label: "Set 1",
      backgroundColor: 'rgba(55, 173, …
Run Code Online (Sandbox Code Playgroud)

javascript legend chart.js

3
推荐指数
1
解决办法
1333
查看次数

标签 统计

chart.js ×1

javascript ×1

legend ×1