2

我试图找到有关如何为 html 页面构建Pareto 图的任何插件、示例或相关资源。我希望能够用 html 构建它,用 CSS 设置样式并通过 json 填充数据。我愿意通过使用折线图和条形图的组合从头开始构建它,但是要确保没有任何东西可以用于此。

这是我希望产生的输出示例 在此处输入图像描述

根据我的搜索,我似乎只能找到关于如何在 Excel 中构建一个的操作方法、示例等,但对于网络却一无所获。

非常感谢任何想法或建议。

4

3 回答 3

4

帕累托图在很多 JS 图表库中都是标准的。这是ZingChart中的一个演示。

您可以在此处查看创建帕累托图的文档。我是 ZingChart 团队的一员,如果您有任何问题,欢迎通过 support@zingchart.com 与我们联系。

于 2014-08-28T17:22:56.797 回答
2

根据您的描述,我不确定您是想从头开始构建还是想使用图表包。通常,我会避免重新发明轮子,但有时我会挑战学习。下面是一些可以做帕累托的 javascript 图表预制包的链接,可以通过谷歌搜索 (javascript pareto chart -excel -matlab) 找到。

http://cyberpython.github.io/AwesomeChartJS/是 apache 2.0

更好的付费版本之一是http://www.dundas.com/但还有其他版本。

抱歉,这是一个链接列表。我希望能够从我的记忆中喋喋不休地说出这个方法,但是我没有像我想要的那样做 HTML 图表。

于 2014-08-27T23:51:21.347 回答
0

似乎有些选项不是免费和/或开源的:(

对于从头开始构建,或者至少基于公共库,d3 可能是一个不错的选择。我遇到了一个类似的问题,希望生成图表中包含累积频率线的直方图,并根据一些示例构建我自己的。然后我进一步调查了帕累托图和排序直方图的选项。

如果您想使用 d3 尝试它,这里有一些示例开始(它们不像其他答案那样漂亮,但我敢肯定,图表/UI Web 开发人员可以美化它):

于 2016-02-17T01:28:41.770 回答