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

尼古拉斯敏

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

我想在我的应用程序中使用水平条形图,但是Chart.js似乎没有,因此我求助于该仓库的一个分支ChartNew.js。

但是,ChartNew.js根本没有响应能力,而吸引我到Chart.js的最大原因是具有响应式图表的能力。

我知道Charts.js可以轻松扩展或“破解”现有图表对象。

是否可以将Chart.js常规条形图扩展”为水平条形图?

杰西特

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

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

当我需要一个正在进行的项目的水平条形图时,我自由地创建了一个可以在此处找到的项目。

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

您可以使用bower安装它:

$ bower install chart.horizontalbar

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

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

这是一个很快就被黑客入侵的项目,但是对于我所需要的来说效果很好!希望能帮助到你。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章