美文网首页
echartsY轴双坐标单位切换

echartsY轴双坐标单位切换

作者: 吖_7c06 | 来源:发表于2020-05-06 10:24 被阅读0次

话不多说直接上代码~

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
          }
        ]
    };

相关文章

  • echartsY轴双坐标单位切换

    话不多说直接上代码~

  • 图表坐标轴问题

    1.将坐标轴设为万为单位:“设置坐标轴格式”-坐标轴选项里,显示单位改为“10000”,这时候坐标轴会变成原来的数...

  • 7. Controlling a Mobile Base

    单位和坐标系 右手坐标系 x 轴指向前方 y 轴指向左侧 z 轴指向上方 线速度单位:m/s 角速度单位:rad/...

  • origin软件基础

    Long Name:坐标轴名称 Units:单位(坐标轴上数值的单位) Comments:批注,所画的线的意义,如...

  • 动态图表的制作

    第六:双坐标图表,选取数据区域,插入下方的推荐的图表,选择所有图表组合图,双坐标轴的同比,点击次坐标轴,点击添加数...

  • excel 2010 常见问题回答

    # 条形图横坐标显示不全?答:右键横坐标→设置坐标轴格式→坐标轴选项→指定间隔单位→改为2或试试其他 # exce...

  • Echarts双坐标轴相关设置

    1.tooltip 设置不同的展示格式 2.左右单位取整数:数据格式处理 3.Echart 双坐标轴案例分享

  • E站到底第10期 动态图表的制作

    一、双坐标图表: 选中数据区域--插入下方推荐的图表--所有图表--组合图--点击次坐标轴--确定,双坐标图标创建...

  • Arcgis—将地理坐标点转换为投影坐标点

    1. 选中坐标点,右键进行地理计算: 2. 选择选中坐标对应的数学坐标系x轴或y轴,选中正确的目标投影系统,单位选...

  • maya·修改坐标轴,复制镜像模型与合并点

    修改坐标轴 按w,切换到移动坐标,按d,开启修改坐标模式,按v,使坐标攀附于模型上的点(线),自行拖拽至你意愿的位...

网友评论

      本文标题:echartsY轴双坐标单位切换

      本文链接:https://www.haomeiwen.com/subject/bysightx.html