Highcharts堆叠柱状图因数据极差过大导致柱子重叠的解决办法咨询
Highcharts堆叠柱状图因数据极差过大导致柱子重叠的解决办法咨询
大家好,我最近在用Highcharts做堆叠柱状图时遇到了一个头疼的问题:当系列数据里的最大值和最小值差距特别大的时候,数值小的柱子会被完全覆盖重叠,在图表上根本看不到它们的存在。
就拿Jan这个分类来说,两个系列明明都有数据,但图表上只显示出一个柱子,只有hover到图例的时候才发现它们是叠在一起的。我本来以为设置柱子的minPointLength属性能解决这个问题,但试了之后发现还是没用,小数值的柱子依然会被覆盖。
下面是我的代码示例,大家可以看看具体的配置:
Highcharts.chart('container', { chart: { type: 'column' }, xAxis: { categories: [ 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec' ] }, plotOptions: { series: { stacking: 'normal' }, column: { minPointLength: 3 } }, series: [{ data: [ 27, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 5400.4 ] }, { data: [ 25, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2 ] }], tooltip: { pointFormat: '{series.name}: <b>{point.y}</b> ' + '({point.percentage:.1f}%)<br/>' } });
想请教一下各位,有没有什么可行的办法能解决这个问题呀?
备注:内容来源于stack exchange,提问作者Tim
相关产品推荐
相关产品推荐

