echarts3的常用属性

       option: {
        title: {
          left: "center",
          show: true,
          fontWeight: "normal",
          textStyle: {
            //主标题文本样式
            fontSize: 18,
            color: "#19233C",
            fontWeight: 400
          }
        },
        tooltip: {
          trigger: "axis"
        },
        legend: {
          show: false
        },
        color: ["#5E9DF3"], //手动设置每个图例的颜色
        grid: {
          left: "3%",
          right: "4%",
          bottom: "3%",
          containLabel: true
        },
        xAxis: {
          axisLine: {
            // x轴的颜色和宽度
            lineStyle: {
              color: "#E5E9F2",
              width: 2
            }
          },
          boundaryGap: true, // 从0开始
          data: [],
          type: "category",
          axisLabel: {
            show: true,
            formatter: function(params) {
              let newParamsName = "";
              let paramsNameNumber = params.length;
              let provideNumber = 9; //一行显示几个字
              let rowNumber = Math.ceil(paramsNameNumber / provideNumber);
              if (paramsNameNumber > provideNumber) {
                for (let p = 0; p < rowNumber; p++) {
                  let tempStr = "";
                  let start = p * provideNumber;
                  let end = start + provideNumber;
                  if (p == rowNumber - 1) {
                    tempStr = params.substring(start, paramsNameNumber);
                  } else {
                    tempStr = params.substring(start, end) + "\n";
                  }
                  newParamsName += tempStr;
                }
              } else {
                newParamsName = params;
              }
              return newParamsName;
            }
          }
        },
        yAxis: {
          axisLine: {
            // y轴的颜色和宽度
            lineStyle: {
              color: "#E5E9F2",
              width: 2
            }
          },
          splitLine: {
            // 分割线样式以及是否显示
            show: true,
            lineStyle: {
              color: "#E5E9F2",
              width: 1
            }
          },
          type: "value"
        },
        series: [
          {
            symbol: "none", // 去掉折点
            type: "line",
            stack: "总量",
            itemStyle: {
              normal: {
                lineStyle: {
                  color: "#5E9DF3" // 折线样式
                }
              }
            }
          }
        ]
      }