-1
A
回答
0
您可以通过正确处理数据部分,使用Highchart中的堆叠组来实现此目的。
在这里,我试图建立你所需要的相同的图表。您可以处理图例和其他图表。
这应该对你有所帮助。我还创建了小提琴演示,您可以使用下面的链接访问。
小提琴演示:http://jsfiddle.net/t4u8b8co/1/
Highcharts.chart('container', {
chart: {
type: 'column'
},
title: {
text: ''
},
legend: {
enabled: false
},
xAxis: {
categories: [
['19603', '19666'], '19603', '19603'
]
},
yAxis: {
title: {
text: 'Good or Bad'
}
},
plotOptions: {
column: {
stacking: 'percent'
}
},
series: [{
name: 'Jane',
data: [244, 23, 4],
stack: '19603'
}, {
name: 'John',
data: [306, 522, 546],
stack: '19603'
}, {
name: 'Jane',
data: [376],
stack: 'female'
}, {
name: 'Janet',
data: [174],
stack: 'female'
}]
});
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
+0
非常感谢你TechnoCrat,你的演示给我工作。 – osantander
+0
@osantander如果它适合你,然后接受并投票表决它。 – TechnoCrat
相关问题
- 1. C中的堆积柱状图#
- 2. 创建堆积柱状图的问题
- 3. gnuplot的:颜色堆积柱状图
- 4. 如何高效查询堆积柱状图?
- 5. 更改高图中的柱状图中的图例符号
- 6. 高图中柱状图中每个点的图例
- 7. [R堆积柱状图中不增加在酒吧的值
- 8. 如何创建堆积柱形图高图表
- 9. amchart堆积的柱形图组合折线图
- 10. Highcharts堆积柱状图错位和奇怪的大小酒吧
- 11. 如何在amCharts堆积柱状图中指定堆栈类别的颜色?
- 12. HighCharts堆积柱
- 13. WPF DataVisualization堆积柱形图绑定
- 14. 从堆叠柱状图中删除列
- 15. Kendo堆积的柱形图不能正确显示数据
- 16. 显示百分比通过柱上的堆积条形图
- 17. 在高图中对分组柱状图进行深入分析
- 18. 柱状图超过图表面积中的R
- 19. 的柱状图中
- 20. SSRS堆积柱形图百分比显示
- 21. 创建堆积条形图柱形图与后面的代码
- 22. 如何安排数据透视表中的数据? (堆积柱状图)
- 23. Highcharts柱状图分组
- 24. 创建具有Highcharter(李克特图)负堆积柱形图
- 25. HighCharts - 堆积柱形图中的细白线
- 26. 将新系列添加到高图堆叠柱状图的顶部
- 27. 图堆积Barplot
- 28. 创建一个具有优先级的二维堆积柱状图
- 29. 结合100%堆积区域和柱状图系列,强制值轴仅使用柱状系列值
- 30. Angular JS中的堆积条形图(高图)
我张贴的答案,它应该为你工作。如果它适合你,那么接受它。 – TechnoCrat
看看这个演示:http://jsfiddle.net/gup3mund/。希望能帮助到你。 –
d_Paul,你的演示对我有用,谢谢你的帮助。真的你是一个很大的帮助 – osantander