我试图找到有关如何为 html 页面构建Pareto 图的任何插件、示例或相关资源。我希望能够用 html 构建它,用 CSS 设置样式并通过 json 填充数据。我愿意通过使用折线图和条形图的组合从头开始构建它,但是要确保没有任何东西可以用于此。
这是我希望产生的输出示例
根据我的搜索,我似乎只能找到关于如何在 Excel 中构建一个的操作方法、示例等,但对于网络却一无所获。
非常感谢任何想法或建议。
我试图找到有关如何为 html 页面构建Pareto 图的任何插件、示例或相关资源。我希望能够用 html 构建它,用 CSS 设置样式并通过 json 填充数据。我愿意通过使用折线图和条形图的组合从头开始构建它,但是要确保没有任何东西可以用于此。
这是我希望产生的输出示例
根据我的搜索,我似乎只能找到关于如何在 Excel 中构建一个的操作方法、示例等,但对于网络却一无所获。
非常感谢任何想法或建议。
根据您的描述,我不确定您是想从头开始构建还是想使用图表包。通常,我会避免重新发明轮子,但有时我会挑战学习。下面是一些可以做帕累托的 javascript 图表预制包的链接,可以通过谷歌搜索 (javascript pareto chart -excel -matlab) 找到。
http://cyberpython.github.io/AwesomeChartJS/是 apache 2.0
更好的付费版本之一是http://www.dundas.com/但还有其他版本。
抱歉,这是一个链接列表。我希望能够从我的记忆中喋喋不休地说出这个方法,但是我没有像我想要的那样做 HTML 图表。
似乎有些选项不是免费和/或开源的:(
对于从头开始构建,或者至少基于公共库,d3 可能是一个不错的选择。我遇到了一个类似的问题,希望生成图表中包含累积频率线的直方图,并根据一些示例构建我自己的。然后我进一步调查了帕累托图和排序直方图的选项。
如果您想使用 d3 尝试它,这里有一些示例开始(它们不像其他答案那样漂亮,但我敢肯定,图表/UI Web 开发人员可以美化它):