双柱状图与双折线图混合

本文介绍了如何在Echarts中解决双柱状图中折线图无法从柱状图中心开始的问题,通过采用双x轴的策略来调整折线的起始位置,从而实现视觉上的对齐。示例代码和实际效果展示辅助理解。
摘要由CSDN通过智能技术生成

问题: 双柱状图的时候,折线图不能从柱状图的中心点开始
在这里插入图片描述
解决方法:使用双x轴来控制折线的起始位置
代码

var option = {
        backgroundColor:'#4a4a4a',
        tooltip: {
            trigger: 'axis',
        },
        legend: {
            padding:0,
            itemGap:4,
            itemWidth:8,
            bottom:'2%',
            data:['今年','去年'],
            icon:'circle',
            textStyle:{
                fontSize:10,
                color:'#9b9b9b'
            }
        },
        title:{
            text:'全国月销量',
            left:'center',
            textStyle:{
                color:'#d5d5d5',
                fontSize:13,
            }
        },
        grid:{
            height:'62%',
            top:'15%',
            width:'80%',
            left:
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值