Highcharts 柱状图设置柱体偏移量使柱体紧靠在一起

最新推荐文章于 2022-08-12 10:40:29 发布

旭东怪

最新推荐文章于 2022-08-12 10:40:29 发布

阅读量1.5k

点赞数

分类专栏：图表库

本文链接：https://blog.csdn.net/qq_38974638/article/details/109394255

版权

1 使用详解

（1） plotOptions.column.grouping

说明：true代表对柱体进行分组并单独显示，false代表不分组则重叠在一起，默认为true。

（2）series.pointPlacement

说明：设置柱体偏移量。参数>0柱体向右偏移，反之柱体向左偏移。当两个柱体的偏移量相同时，柱体会重叠在一起。

2 原始效果图

3 实现代码

<body>
	<div id="container" style="width: 550px; height: 400px; margin: 0 auto"></div>
	<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<script src="https://code.highcharts.com/highcharts.js"></script>
	<script language="JavaScript">
		$(function(){
			$('#container').highcharts({
                chart: {
                    renderTo: 'container',
      				type