echarts柱状图,当有两组数据时 如何使柱子在中间显示(不留出没有数据的柱子的位置)?

发布于 2022-01-04 17:57:57 字数 2037 浏览 861 评论 5

option = {
	    tooltip: {
	        trigger: 'item'
	    },
	    legend: {
	        data:['申请融资金额','预测融资金额','增长率','预测增长率'],
	        x:'right'
	        
	    },
	    xAxis: [
	        {
	            type: 'category',
	            data: ['2016-06','2016-07','2016-08','2016-09','2016-10','2016-11','2016-12']
	        }
	    ],
	    yAxis: [
	        {
	            type: 'value',
	            name: '申请融资金额(万元)',
	            axisLabel: {
	                formatter: '{value}'
	            }
	        },
	        {
	            type: 'value',
	            name: '增长率%',
	            axisLabel: {
	                formatter: '{value} '
	            }
	        }
	    ],
	    series: [
	        {
	            name:'申请融资金额',
	            type:'bar',
	            data:[112.0, 114.9, 117.0, 143.2, 151.6, 176.7,],
	          barGap:100,//
	            itemStyle: {normal: {color:'#FF6600'}},
	        },
	        {
	            name:'预测融资金额',
	            type:'bar',
	            data:[, , , , , , 185],
	             itemStyle: {
	               normal: {
	                 color:'rgba(181,195,52,0.5)'
	               },
	               
	             },
	        },
	        {
	            name:'增长率',
	            type:'line',
	            yAxisIndex: 1,
	            data:[2.0, 2.2, 3.3, 4.5, 6.3, 10.2, ],
	              itemStyle: {
	                normal: {color:'#00CCFF'}
	              },
	        },
	        {
	          name:'预测增长率',
	          type:'line',
	          yAxisIndex: 1,
	          data:[, , , , , 10.2, 20.3],
	            itemStyle:{
	                    normal:{
	                       color:'#00CCFF',
	                        lineStyle:{
	                            type: 'dashed'
	                        }
	                    }
	                },
	        }
	    ]
	};



现在怎么让这些柱子回到正中间呢?    在线等。。。。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

虐人心 2022-01-08 02:12:40

我是使用多个x轴实现的

晚风撩人 2022-01-07 17:51:44

series: [ { name: 'xxxx', barGap: '-100%'
    }
]

背叛残局 2022-01-06 23:04:11

也就是调整好总的柱子宽度就好了

悸初 2022-01-06 06:25:50

将series中每组数据的柱子宽度,将其中的数据部分的柱子宽度设为负数就行了

回眸一笑 2022-01-05 13:00:16

建议用一个系列,把预测数据在data级自定义颜色就好

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文