绘制自定义折线图和柱形图

Question

我需要为板球运行率、检票口等制作折线图和柱形图，由于一些额外的要求，我无法使用互联网上可用的库，如谷歌图表、highchart 等。

一些要求是：

• 如果超过 1 个检票口落入上方，则在折线图/柱形图上显示超过 1 个圆圈，如下图所示
• 每条颜色不同

我在谷歌上搜索过，但找不到任何像这样可以使用的库 在我决定绘制自定义图表之前，我想确认是否有任何可用的库可以在其中进行这些自定义更改，如果没有，那么我需要建议是否可以在 HTML5 中绘制它们，或者您认为最好的方法是什么。

Answer 1

听起来你想看看Chart.js。我曾多次使用它，它是用 HTML5 和 JavaScript 制作图表的好工具。它为您提供了多种不同的图表供您选择，而无需自定义代码一大堆东西。而且它们看起来也不错。

documentation 中的示例非常具有描述性，默认示例包括一个具有交替颜色的条形图，与您的示例图片相匹配。