Echarts 图表问题记录

1.v5图例的图标和文字没有水平对齐

padding: [0, 0, -3, 0],
//必须给rich加个空对象不然不生效，吐槽官方文档的实例图例本来就没对齐；

//legend里设置padding  
legend: {
        right: '100',
        top:'0',
        align: 'left',
      
        textStyle:{
            padding: [0, 0, -3, 0],
            //必须给rich加个空对象不然不生效
            rich:{}
        }
  },

2.去掉横坐标的刻度尺使用axisTick配置

  xAxis: {
        type: 'category',
        ...
        axisTick: {
          show: false
        }
 },

3.双y轴配置

yAxis: [
        {
          type: 'value',
          name: '数量',
          position: 'left',
          alignTicks: true,
          offset: 0,
          axisLine: {
            show: false,
          },
          axisLabel: {
            formatter: '{value}',
            textStyle: {
              color: 'rgba(255, 255, 255, 0.65)',
            },
          },
          nameTextStyle: {
            color: 'rgba(255, 255, 255, 0.65)',
          },
        },
        {
          type: 'value',
          name: '++率',
          min: 0,
          max: 100,
          interval: 20,
          position: 'right',
          alignTicks: true,
          axisLine: {
            show: false,
          },
          axisLabel: {
            formatter: '{value}%',
            textStyle: {
              color: 'rgba(255, 255, 255, 0.65)',
            },
          },
          nameTextStyle: {
            color: 'rgba(255, 255, 255, 0.65)',
          },
        },
      ],