echarts常用配置项

1.饼图的颜色设置

color: (params) => {
               //自定义颜色
              var colorList = [
                "#A183D7",
                "#FFAB8A",
                "#7690F5",
                "#8BE7CC",
                "#71D0FF",
                "#F8E71C",
              ];
              return colorList[params.dataIndex];
            }

2.柱状图x轴常见配置项

 xAxis: [
      {
        data: ['啦啦', '啦啦', '啦啦', '啦啦', '啦啦'],
        axisLabel: {
          interval: 0, // x轴坐标间隔
          color: "#666666",
          
          rotate:70,   // x轴旋转角度    
        },
        nameTextStyle: [
          {
            width: 3,
            overflow: 'truncate',
          }
        ],
        axisTick: {
          show: false,// 去掉刻度线
        },
        axisLine: {
          show: true,  // x轴坐标线
          lineStyle: {
            type: "solid",
            color: "#F0F0F0 ",
          },
        },
        // show: false
      },
    ],

3.控制echarts图的位置

grid: { 
      y: 90,
      x: 20,
      x2: -110,
      y2: 10,
    },

// 也可以使用百分比，相对于容器的距离
grid: {
      left: "85%",
      bottom: "100%",
      top: 10%
    },