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

Question

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

我想在我的应用程序中拥有一个水平条形图，但似乎 Chart.js 没有它，因此我求助于该存储库的一个名为 ChartNew.js. 的分支

然而，ChartNew.js 根本没有响应能力，Chart.js 最吸引我的是它具有响应式图表的能力。

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

Is it possible to 'extend' Chart.js regular bar chart into becoming a horizontal bar chart?

Answer 1

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

但是它是以非常模块化的方式构建的。这允许开发不会干扰核心代码的第三方插件。

由于我正在从事的一个项目需要水平条形图，因此我冒昧地创建了一个，您可以在此处找到。

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

您可以使用 Bower 安装它:

$ bower install chart.horizontalbar

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

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

这是一个很快就拼凑在一起的项目，但它非常适合我的需要!希望对您有所帮助。