echarts柱状图,当有两组数据时 如何使柱子在中间显示(不留出没有数据的柱子的位置)?
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
我是使用多个x轴实现的
series: [ { name: 'xxxx', barGap: '-100%'
}
]
也就是调整好总的柱子宽度就好了
将series中每组数据的柱子宽度,将其中的数据部分的柱子宽度设为负数就行了
建议用一个系列,把预测数据在data级自定义颜色就好