echarts 常用

1、修改legend 颜色以及形状

legend: {
            data: ["CH₄超限", "CO超限"],
            icon: "roundRect", //  这个字段控制形状  类型包括 circle，rect ，roundRect，triangle，diamond，pin，arrow，none
            right: 10,
            itemWidth: 10,  // 设置宽度
            itemHeight: 10, // 设置高度
            itemGap: 40//设置间距
            textStyle: {
              color: "#EEEEEE"
            }
          }

2、修改轴线得颜色以及文字颜色

xAxis: {
            type: "category",
            data: ["6-10", "6-11", "6-12", "6-13", "6-14", "6-15", "6-16"],
            axisLine: {
              //x轴线的颜色以及宽度
              show: true,
              lineStyle: {
                color: "#1C538F"
              }
            },
            axisLabel: {
              //x轴文字的配置
              show: true,
              textStyle: {
                color: "#E7E7E7"
              }
            }
          }

3、修改网格线得颜色以及实线或者虚线

yAxis: {
            type: "value",
            splitLine: {
              //分割线配置
              show: true,
              lineStyle: {
                color: "#1C538F",
                type: "dashed"//虚线
              }
            }
          },

4、调整图形距离边距

grid: {
            x: 45,
            y: 30,
            x2: 40,
            y2: 50
          },

5、单条曲线颜色配置

series: [
            {
              name: "CH₄超限",
              data: [1, 0, 1, 1, 1, 0, 0],
              type: "line",
              itemStyle: {
                normal: {
                  color: "#F76B1C", //改变折线点的颜色
                  lineStyle: {
                    color: "#F76B1C" //改变折线颜色
                  }
                }
              }
            }]