Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Javascript/Html/JSON的帕累托图表/图形_Javascript_Html_Json_Graph_Pareto Chart - Fatal编程技术网

使用Javascript/Html/JSON的帕累托图表/图形

使用Javascript/Html/JSON的帕累托图表/图形,javascript,html,json,graph,pareto-chart,Javascript,Html,Json,Graph,Pareto Chart,我试图找到任何插件,例子或相关资源如何建立一个html页面。我希望能够用html构建它,用CSS设计它的样式,并通过json填充数据。我愿意通过使用线图和条形图的组合从头开始构建它,但是我想确保没有任何东西可以用于此 下面是我希望产生的输出的一个例子 根据我的搜索结果,我似乎只能找到如何在Excel中构建一个的方法、示例等,但在web上什么也找不到 非常感谢您的任何想法或建议 根据您的描述,我不确定您是想从头开始构建,还是想使用charts软件包。通常,我会避免重新发明轮子,但有时我会挑战学习

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

下面是我希望产生的输出的一个例子

根据我的搜索结果,我似乎只能找到如何在Excel中构建一个的方法、示例等,但在web上什么也找不到


非常感谢您的任何想法或建议

根据您的描述,我不确定您是想从头开始构建,还是想使用charts软件包。通常,我会避免重新发明轮子,但有时我会挑战学习。下面是一些链接,这些链接指向通过谷歌搜索(javascript-pareto-chart-excel-matlab)可以完成pareto功能的预先制作的javascript图表包

是Apache2.0吗

收费较高的版本之一是,但还有其他版本


很抱歉,这是一个链接列表。我希望能够从我的记忆中快速地说出这个方法,但我并没有像我希望的那样频繁地使用HTML图表。

Pareto图表在很多JS图表库中都是标准的。一个在一个演示


您可以查看用于创建pareto图表的文档。我是ZingChart团队的一员,如果您有任何问题,欢迎联系我们support@zingchart.com.

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

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

如果您想在d3上试用,这里有一些示例(它们的渲染效果不如其他答案,但我相信图表/UI web开发人员可以美化它):

  • -在发布此帖子时,此d3样本不完整

有趣的是,AwesomeChartJS有帕累托图和条形图,但没有直方图选项或条形图和折线图组合。