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

在chart.js上创建水平条形图扩展,chart.js,Chart.js,我使用-显然是为了创建图表 我想在我的应用程序中有一个水平条形图,但它似乎没有,所以我求助于一个叫做 然而ChartNew.js完全没有响应性,最吸引我的是拥有响应性图表的能力 我知道允许或“黑客”现有图表对象 是否可以将“常规条形图”转换为 成为水平条形图 我知道这可能对你没有帮助,但可能会帮助其他人,谷歌图表真的很好,看看吧Chart.js默认情况下没有水平条形图 然而,它是以一种非常模块化的方式构建的。这就允许开发第三方插件,而不会弄乱核心代码 由于我在做一个项目时需要水平条形图,我冒昧地

我使用-显然是为了创建图表

我想在我的应用程序中有一个水平条形图,但它似乎没有,所以我求助于一个叫做

然而ChartNew.js完全没有响应性,最吸引我的是拥有响应性图表的能力

我知道允许或“黑客”现有图表对象

是否可以将“常规条形图”转换为 成为水平条形图


我知道这可能对你没有帮助,但可能会帮助其他人,谷歌图表真的很好,看看吧

Chart.js默认情况下没有水平条形图

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

由于我在做一个项目时需要水平条形图,我冒昧地创建了一个,你可以在这里找到

您可以使用bower进行安装:

$ bower install chart.horizontalbar
创建图表的语法与创建标准(垂直)条形图的语法完全相同:

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

这是一个很快就拼凑在一起的项目,但它为我所需要的工作做得很好!希望能有所帮助。

除了Chart.js之外,您是否更喜欢其他图表库?这将是最后的选择。我更喜欢在图表之间有统一的美学,使用一个库来节省大小、代码可读性和。。嗯,简单。如果可以只扩展Chart.js,那将是水平图表和使用替代软件的理想选择。您有什么想法?我也有同样的问题,不想扩展ChartJS它真的很棒,而且很容易使用。最好的部分是它完全可以定制以满足我们的需要。我们有什么方法可以设置条的宽度吗?这很好,但是当使用堆叠条时,动画有点奇怪。每个条都会彼此同步设置动画。是否有任何方法可以使后面的条在最左边的条已经绘制之后再绘制,就好像它是一个正在制作动画的条一样。我一直在试图解决这个问题,但我的眼睛开始对它产生交叉反应。