在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条评论
登录后参与评论

相关文章

来自分类Dev

将Chart JS 2上的条形图扩展为一种新型的Chart

来自分类Dev

使用chart.js的水平堆积条形图

来自分类Dev

angular-chart.js中的水平条形图

来自分类Dev

如何更改Chart.js水平条形图宽度?

来自分类Dev

如何在条形图Chart.js上绘制水平线

来自分类Dev

如何在条形图Chart.js上绘制水平线

来自分类Dev

创建水平条形图

来自分类Dev

Chart.js水平折线图或修改后的水平条形图

来自分类Dev

Chart.js设置条形图的最大条形大小

来自分类Dev

Chart.js:条形图单击事件

来自分类Dev

Chart.js v2.0:堆积条形图

来自分类Dev

实时更新chart.js条形图

来自分类Dev

chart.js条形图基于值的颜色变化

来自分类Dev

Chart.js堆叠和分组的条形图

来自分类Dev

Chart.js使用条形图单击标签

来自分类Dev

如何使Chart.js条形图留在原处

来自分类Dev

Chart.js:条形图多种颜色

来自分类Dev

Chart.js条形图的奇怪问题,图像分散

来自分类Dev

基于Label的Chart.js条形图加载数据

来自分类Dev

设置chart.js条形图的最大值

来自分类Dev

工具提示弄乱了 Chart.js 中的条形图

来自分类Dev

Ng2-chart条形图

来自分类Dev

如何创建水平堆叠的条形图,在条形图上本身以及条形图上的标签?

来自分类Dev

仅2点的条形图(chart.js)不显示条形之一

来自分类Dev

无法在React Js中使用Chart js中获得条形图颜色

来自分类Dev

Chart.js-在条形图中绘制水平线(类型栏)

来自分类Dev

在R中使用给定数据创建水平“堆叠”条形图

来自分类Dev

在Python中使用时间序列数据创建水平条形图

来自分类Dev

在 R 中创建水平条形图以显示活动序列