我试图找到任何插件,示例或相关资源如何为html页面构建Pareto Chart。我希望能够使用html构建它,使用CSS来设计它,并通过json填充数据。我愿意通过使用线图和条形图的组合来创建它,但是要确保没有任何东西已经存在。使用Javascript/Html/JSON的帕累托图/图表
这里是输出我希望根据我的搜索产生
的一个例子,我只能似乎找到如何到的,例如,等就如何建立一个在Excel中,但没有为网页。
任何想法或建议,非常感谢。
我试图找到任何插件,示例或相关资源如何为html页面构建Pareto Chart。我希望能够使用html构建它,使用CSS来设计它,并通过json填充数据。我愿意通过使用线图和条形图的组合来创建它,但是要确保没有任何东西已经存在。使用Javascript/Html/JSON的帕累托图/图表
这里是输出我希望根据我的搜索产生
的一个例子,我只能似乎找到如何到的,例如,等就如何建立一个在Excel中,但没有为网页。
任何想法或建议,非常感谢。
Pareto图表在很多JS图表库中都是标准的。 Here's演示一个在ZingChart。
您可以查看创建帕累托图表here的文档。我是ZingChart团队的一员,如果您对[email protected]有任何疑问,欢迎与我们联系。
从描述中我不确定您是从头开始构建还是想要使用图表包。通常情况下,我会避免重新发明轮子,但有时我会挑战学习。下面是几个链接到预先制作的javascript图表包,可以做pareto,通过谷歌搜索(javascript pareto chart -excel -matlab)找到。
http://cyberpython.github.io/AwesomeChartJS/就是Apache 2.0
的更好的付费版本是http://www.dundas.com/但也有其他的。
对不起,这是一个链接列表。我希望能够从我的记忆中得知方法,但我不会尽我所能去做HTML图表。
似乎有些选项是不自由和/或开放源码:(
对于从头开始构建,或至少立足于公共库,D3可能是一个不错的选择。我遇到了一个类似的问题看图生成直方图累积频率线包括在图表,并建立自己的基础上的一些例子,然后我调查进一步的选项帕累托图表和排序直方图
如果你想尝试用d3 ,这里有一些例子可以开始(它们不像其他答案那样漂亮,但是图表/ UI开发人员可以肯定它可以美化它):
有趣AwesomeChartJS具有帕累托图,条形图,但没有直方图选项或柱形图和线形图连击。 – David 2016-02-17 01:16:42