echart常用属性解析

 

y轴与坐标轴线对齐：

boundaryGap: false,

刻度线是否显示：

axisTick: { show: false },

区域渐变：

   colorStops: [
                {
                  offset: 0,
                  color: color[index][1], // 0% 处的颜色
                },
                {
                  offset: 1,
                  color: 'rgba(0, 229, 255, 0)', // 100% 处的颜色
                },
              ],

 Servies：

线的颜色：

lineStyle: {
              normal: {
                color: 'red',
                width: 4,
              },
            },

hover时折线点的属性：（颜色要在itemStyle里设置）

showSymbol: false,
          symbolColor: color[index][3],
          symbolSize: 26,

 

折线拐点球设置

//拐点球配置
          itemStyle: {
            normal: {
              color: color[index][2],
//阴影颜色大小
              shadowColor: color[index][2],
              shadowBlur: 10,
            },
          },

坐标轴label自定义格式：：：

axisLabel: {
          lineHeight: 40,
          interval: 0,
          margin: 30,
          show: true,
          color: '#9EEAFF',
          fontSize: 40,
          formatter: '{value}%', //调整label显示的格式
        },

 

坐标内斑马线：

xAxis:{
    splitArea: {
          show: true,
          areaStyle: {
            color: ['rgba(56,128,255,0.1)', 'rgba(56,128,255, 0)'],
          },
        },
}

坐标轴线：

axisLine: {
          show: true,
        },