在Chart.js上创建水平条形图扩展

Question

我正在使用Charts.js - 显然是为了创建图表。

我希望在我的应用中有一个水平条形图，但似乎Chart.js没有它，因此我使用了一个名为ChartNew.js.的仓库的分支

然而，ChartNew.js根本没有响应，而Chart.js吸引我最多的东西就是能够获得响应式图表。

我知道Charts.js允许easy extension或“黑客”现有的图表对象。

  

是否可以'extend' Chart.js常规条形图进入   成为横条形图？

Answer 1

默认情况下，Chart.js不附带水平条形图。

然而，它以非常模块化的方式构建。这允许开发第三方插件，不会弄乱核心代码。

由于我需要一个项目的水平条形图，我正在努力创建一个你可以在这里找到的项目。

https://github.com/tomsouthall/Chart.HorizontalBar.js

您可以使用bower安装它：

$ bower install chart.horizontalbar

创建图表的语法与创建标准（垂直）条形图的语法完全相同：

var myChart = new Chart(ctx).HorizontalBar(data, options);

这是一个非常快速的黑客攻击项目，但它对我需要的东西很有用！希望它有所帮助。

Answer 2

我知道它可能对你没有帮助，但可能会帮助别人，谷歌图表真的很好看看它https://developers.google.com/chart/