Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 绘制自定义折线图和柱状图_Javascript_Html_Charts - Fatal编程技术网

Javascript 绘制自定义折线图和柱状图

Javascript 绘制自定义折线图和柱状图,javascript,html,charts,Javascript,Html,Charts,我需要制作板球跑步率的折线图和柱形图,wickets等。由于一些额外的要求,我无法使用互联网上可用的库,如谷歌图表、highchart等 其中一些要求是: 如果超过1个导叶落在一个上方,则在折线图/柱形图上显示超过1个圆,如下图所示 每个条的颜色不同 我在谷歌上搜索过,但找不到像这样的现成库 在我决定绘制自定义图表之前,我想确认是否有任何库可供我进行这些自定义更改,如果没有,我需要建议是否可以使用HTML5绘制它们,或者您认为最好的方法是什么。听起来您想看一看。我已经在很多场合使用过它,

我需要制作板球跑步率的折线图和柱形图,wickets等。由于一些额外的要求,我无法使用互联网上可用的库,如谷歌图表、highchart等

其中一些要求是:

  • 如果超过1个导叶落在一个上方,则在折线图/柱形图上显示超过1个圆,如下图所示
  • 每个条的颜色不同

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

听起来您想看一看。我已经在很多场合使用过它,它是用HTML5和JavaScript制作图表的好工具。它为您提供了多种不同的图表供您选择,而无需定制一大堆代码。它们看起来也不错

中的示例非常具有描述性,默认示例包括具有交替颜色的条形图,与示例图片的颜色相匹配