echars正负柱状图出现的问题?
echars 正负柱状图, 只有"回款总额"设置为负数,蓝色的柱状图才显示在左边。设置正数时会显示在右边和紫色柱状图重叠。怎样设置蓝色的柱状图(回款总额)为正数,数据依然显示在左边呢?底下的进度条也为正的。
option = {
tooltip: {
trigger: 'axis',
axisPointer: { // 坐标轴指示器,坐标轴触发有效
type: 'shadow' // 默认为直线,可选为:'line' | 'shadow'
}
},
color: ['#868EFF', '#42B9FF'],
legend: {
data: ['项目总额', '回款总额'],
bottom: '0',
left: '0'
},
grid: {
left: '10%',
right: '10%',
bottom: '12%',
containLabel: true
},
xAxis: [
{
type: 'value'
}
],
yAxis: [
{
type: 'category',
axisTick: {
show: false
},
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
}
],
series: [
{
name: '项目总额',
type: 'bar',
stack: '总量',
label: {
show: true
},
emphasis: {
focus: 'series'
},
data: [320, 302, 341, 374, 390, 450, 420]
},
{
name: '回款总额',
type: 'bar',
stack: '总量',
label: {
show: true,
position: 'left'
},
emphasis: {
focus: 'series'
},
data: [-120, -132, -101, -134, -190, -230, -210]
}
]
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
左边展示数据,只能接受负值,可以考虑批量处理一下,将计划放在左侧的正值数据修改为负值。