echarts 获取x轴y轴范围并且设置双折线轴等间隔问题

  
  1.在实际项目中我用到的是时间轴

    
        //获取Y轴的刻度范围
        var rangeY = this.myChart.getModel().getComponent('yAxis').axis.scale._extent;
        //获取X轴的刻度范围
        var rangeX = this.myChart.getModel().getComponent('xAxis').axis.scale._extent;
       

        Y轴最大值
        var yMax = Chart.getModel().getComponent('yAxis',idx).axis.scale._extent[1];
        X轴最大值
        var xMax = Chart.getModel().getComponent('xAxis',idx).axis.scale._extent[1];

其中idx为yAxis、xAxis数组index,属性_extent是一个数组,_extent[0]为最小值,_extent[1]是最大值,亲测可用。

强制设置多少个间隔 interval

        yAxis: [
          {
            name: "单位:万元",
            type: "value",
            axisLabel: {
              showMinLabel: false,
            },
            // max:yMax1,
            // min:yMin1,
            splitNumber: 4,
            // interval: (yMax1 - yMin1) / 4,
            nameTextStyle: {
              color: "#999",
            },
            splitLine: {
              lineStyle: {
                type: "dashed",
                color: "#DDD",
              },
            },
            splitArea: {
              show: false,
            },
          },
          {
            type: "value",
            gridIndex: 1,
            boundaryGap: ['0%', '10%'],
            splitNumber: 3,
            splitLine: {
              show: false,
            },
          },
          {
            type: "value",
            axisLabel: {
              formatter: "{value} %",
              showMinLabel: false,
            },
            // max:yMax2,
            // min:yMin2,
            splitNumber: 4,
            // interval: (yMax2 - yMin2) / 4,
            splitLine: {
              show:false
            },
          },
        ],

 

 

你可能感兴趣的:(vue项目开发,echarts,前端)