echartsY轴双坐标单位切换

2020-05-06  本文已影响0人  吖_7c06

话不多说直接上代码~

option = {
        color:['#00c14f'],
        title: {
          text: 'RFM情况'
        },
        tooltip: {
          trigger: 'axis',
          axisPointer: {
            type: 'cross',
            label: {
              backgroundColor: '#6a7985'
            }
          },
        },
        legend: {
          data: ['购买时长(人均)天', '消费(人均)', '单价(人均)元'],
          selectedMode: 'single',//每次显示一条线
          selected:{
              '购买时长(人均)天':true,
              '消费(人均)':false,
              '单价(人均)元':false
          }
        },
        toolbox: {
        //   feature: {
        //     saveAsImage: {}//下载按钮
        //   }
        },
        grid: {
          left: '3%',
          right: '4%',
          bottom: '3%',
          containLabel: true
        },
        xAxis: [
          {
            type: 'category',
            boundaryGap: false,
            data: ['新增用户', '摇摆用户', '忠诚用户', '易流失用户', '沉默用户']
          }
        ],
        yAxis: [
          {
            type: 'value',
            position: 'left',
            axisLabel: {
                 formatter: '{value} 天'
            }
          },
          {
            type: 'value',
            position: 'left',
            axisLabel: {
                 formatter: '{value} 次'
            }
          },
          {
            type: 'value',
            position: 'left',
            axisLabel: {
                 formatter: '{value} 元'
            }
          }
        ],
        series: [
          {
            name: '购买时长(人均)天',
            type: 'line',
            stack: '总量',
            areaStyle: {},
            data: [10,40,50,40,50],
            yAxisIndex: 0
          },
          {
            name: '消费(人均)',
            type: 'line',
            stack: '总量',
            areaStyle: {},
            data: [110,410,520,410,501],
            yAxisIndex: 1
          },
          {
            name: '单价(人均)元',
            type: 'line',
            stack: '总量',
            areaStyle: {},
            data: [10,40,50,40,50],
            yAxisIndex: 2
          }
        ]
    };

上一篇 下一篇

猜你喜欢

热点阅读