时间戳

首页 > 解决方案 > 如何让乐队在 Chart.js 中实现乐队扩展？

javascript - 如何让乐队在 Chart.js 中实现乐队扩展？

问题描述

我一直在尝试实现：https ://github.com/bbc/Chart.Bands.js ，在我的代码中，但我似乎无法让乐队显示。我已将代码复制并粘贴到我的项目中，我可以显示图表，但我想要波段和颜色变化方面。我是 chart.js 和 javascript 的新手，以及从 github 实现包。有没有人知道这件事？这是我得到的图表 在此处输入图像描述

这是我要显示的图表： 在此处输入图像描述

我知道颜色和数字是随机的，因此数据是不同的。我想要做的是让第二张图中的线条出现并改变颜色。我已经从这个网站复制了代码：https ://github.com/bbc/Chart.Bands.js/blob/master/samples/line.html

标签： javascripthtmlchart.js

解决方案

因为我不知道你的代码，所以我只能告诉你应该怎么做。

https://jsbin.com/yiyejumaye/1/edit?html,js,输出

options: {
  bands: {
    yValue: 40,
    baseColorGradientColor: [
      'rgb(255, 100, 100)'
    ],
    bandLine: {
      stroke: 2, 
      colour: 'rgba(100, 100, 255, 1)',
      type: 'solid',
    },
  }
}

请注意，我在 JSBin 中的导入更容易，但它是一个较旧的版本。你不应该在你的应用程序中使用它。对于 JSBin 来说，这更容易。

推荐阅读