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

Question

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

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

但是ChartNew.js根本没有响应,而对Chart.js最有吸引力的是具有响应式图表的能力.

我知道Charts.js允许轻松扩展或"黑客"现有的图表对象.

是否有可能将Chart.js常规条形图" 扩展"成为一个水平条形图？

Answer 1

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

然而,它以非常模块化的方式构建.这允许开发不会破坏核心代码的第三方插件.

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

https://github.com/tomsouthall/Chart.Horizo​​ntalBar.js

你可以用凉亭安装它:

$ bower install chart.horizontalbar

创建图表的语法与创建标准(垂直)条形图的语法完全相同:

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

这是一个非常快速的黑客攻击项目,但它对我需要的东西很有用!希望能帮助到你.

Answer 2

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