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

时间:2013-11-29 11:01:16

标签: javascript html5 charts

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

一些要求是:

  • 如果超过1个小门落在上面,则在线/柱形图上显示超过1个圆圈,如下图所示
  • 每个酒吧的颜色不同

Sample bar graph

Sample line graph

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

1 个答案:

答案 0 :(得分:0)

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

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