{
  "animation": false,
  "darkMode": true,
  "color": [
    "#4992ff",
    "#7cffb2",
    "#fddd60",
    "#ff6e76",
    "#58d9f9",
    "#05c091",
    "#ff8a45",
    "#8d48e3",
    "#dd79ff"
  ],
  "backgroundColor": "#100C2A",
  "textStyle": {
    "color": "#B9B8CE",
    "fontFamily": "sans-serif",
    "fontSize": 12,
    "fontStyle": "normal",
    "fontWeight": "normal"
  },
  "timeAxis": {
    "axisLine": {
      "lineStyle": {
        "color": "#B9B8CE"
      }
    },
    "splitLine": {
      "lineStyle": {
        "color": "#484753"
      }
    },
    "splitArea": {
      "areaStyle": {
        "color": [
          "rgba(255,255,255,0.02)",
          "rgba(255,255,255,0.05)"
        ]
      }
    },
    "minorSplitLine": {
      "lineStyle": {
        "color": "#20203B"
      }
    }
  },
  "logAxis": {
    "axisLine": {
      "lineStyle": {
        "color": "#B9B8CE"
      }
    },
    "splitLine": {
      "lineStyle": {
        "color": "#484753"
      }
    },
    "splitArea": {
      "areaStyle": {
        "color": [
          "rgba(255,255,255,0.02)",
          "rgba(255,255,255,0.05)"
        ]
      }
    },
    "minorSplitLine": {
      "lineStyle": {
        "color": "#20203B"
      }
    }
  },
  "valueAxis": {
    "axisLine": {
      "lineStyle": {
        "color": "#B9B8CE"
      }
    },
    "splitLine": {
      "lineStyle": {
        "color": "#484753"
      }
    },
    "splitArea": {
      "areaStyle": {
        "color": [
          "rgba(255,255,255,0.02)",
          "rgba(255,255,255,0.05)"
        ]
      }
    },
    "minorSplitLine": {
      "lineStyle": {
        "color": "#20203B"
      }
    }
  },
  "categoryAxis": {
    "axisLine": {
      "lineStyle": {
        "color": "#B9B8CE"
      }
    },
    "splitLine": {
      "lineStyle": {
        "color": "#484753"
      },
      "show": false
    },
    "splitArea": {
      "areaStyle": {
        "color": [
          "rgba(255,255,255,0.02)",
          "rgba(255,255,255,0.05)"
        ]
      }
    },
    "minorSplitLine": {
      "lineStyle": {
        "color": "#20203B"
      }
    }
  },
  "line": {
    "symbol": "circle"
  },
  "graph": {
    "color": [
      "#4992ff",
      "#7cffb2",
      "#fddd60",
      "#ff6e76",
      "#58d9f9",
      "#05c091",
      "#ff8a45",
      "#8d48e3",
      "#dd79ff"
    ]
  },
  "gauge": {
    "title": {
      "color": "#B9B8CE"
    },
    "axisLine": {
      "lineStyle": {
        "color": [
          [
            1,
            "rgba(207,212,219,0.2)"
          ]
        ]
      }
    },
    "axisLabel": {
      "color": "#B9B8CE"
    },
    "detail": {
      "color": "#EEF1FA"
    }
  },
  "candlestick": {
    "itemStyle": {
      "color": "#FD1050",
      "color0": "#0CF49B",
      "borderColor": "#FD1050",
      "borderColor0": "#0CF49B"
    }
  },
  "gradientColor": [
    "#f6efa6",
    "#d88273",
    "#bf444c"
  ],
  "aria": {
    "decal": {
      "decals": [
        {
          "color": "rgba(0, 0, 0, 0.2)",
          "dashArrayX": [
            1,
            0
          ],
          "dashArrayY": [
            2,
            5
          ],
          "symbolSize": 1,
          "rotation": 0.5235987755982988
        },
        {
          "color": "rgba(0, 0, 0, 0.2)",
          "symbol": "circle",
          "dashArrayX": [
            [
              8,
              8
            ],
            [
              0,
              8,
              8,
              0
            ]
          ],
          "dashArrayY": [
            6,
            0
          ],
          "symbolSize": 0.8
        },
        {
          "color": "rgba(0, 0, 0, 0.2)",
          "dashArrayX": [
            1,
            0
          ],
          "dashArrayY": [
            4,
            3
          ],
          "dashLineOffset": 0,
          "rotation": -0.7853981633974483
        },
        {
          "color": "rgba(0, 0, 0, 0.2)",
          "dashArrayX": [
            [
              6,
              6
            ],
            [
              0,
              6,
              6,
              0
            ]
          ],
          "dashArrayY": [
            6,
            0
          ]
        },
        {
          "color": "rgba(0, 0, 0, 0.2)",
          "dashArrayX": [
            [
              1,
              0
            ],
            [
              1,
              6
            ]
          ],
          "dashArrayY": [
            1,
            0,
            6,
            0
          ],
          "rotation": 0.7853981633974483
        },
        {
          "color": "rgba(0, 0, 0, 0.2)",
          "symbol": "triangle",
          "dashArrayX": [
            [
              9,
              9
            ],
            [
              0,
              9,
              9,
              0
            ]
          ],
          "dashArrayY": [
            7,
            2
          ],
          "symbolSize": 0.75
        }
      ]
    }
  },
  "stateAnimation": {
    "duration": 300,
    "easing": "cubicOut"
  },
  "animationDuration": 1000,
  "animationDurationUpdate": 500,
  "animationEasing": "cubicInOut",
  "animationEasingUpdate": "cubicInOut",
  "animationThreshold": 2000,
  "progressiveThreshold": 3000,
  "progressive": 400,
  "hoverLayerThreshold": 3000,
  "useUTC": false,
  "title": [
    {
      "text": "折线图堆叠",
      "padding": 15,
      "textStyle": {
        "color": "#EEF1FA",
        "fontSize": 18,
        "fontWeight": "bold"
      },
      "subtextStyle": {
        "color": "#B9B8CE",
        "fontSize": 12
      },
      "zlevel": 0,
      "z": 6,
      "show": true,
      "target": "blank",
      "subtext": "",
      "subtarget": "blank",
      "left": 0,
      "top": 0,
      "backgroundColor": "rgba(0,0,0,0)",
      "borderColor": "#ccc",
      "borderWidth": 0,
      "itemGap": 10
    }
  ],
  "toolbox": [
    {
      "feature": {
        "saveAsImage": {
          "show": true,
          "icon": "M4.7,22.9L29.3,45.5L54.7,23.4M4.6,43.6L4.6,58L53.8,58L53.8,43.6M29.2,45.1L29.2,0",
          "title": "Save as Image",
          "type": "png",
          "connectedBackgroundColor": "#fff",
          "name": "",
          "excludeComponents": [
            "toolbox"
          ],
          "pixelRatio": 1,
          "lang": [
            "Right Click to Save Image"
          ]
        }
      },
      "padding": 15,
      "iconStyle": {
        "borderColor": "#B9B8CE",
        "color": "none"
      },
      "show": true,
      "z": 6,
      "zlevel": 0,
      "orient": "horizontal",
      "left": "right",
      "top": "top",
      "backgroundColor": "transparent",
      "borderColor": "#ccc",
      "borderRadius": 0,
      "borderWidth": 0,
      "itemSize": 15,
      "itemGap": 8,
      "showTitle": true,
      "emphasis": {
        "iconStyle": {
          "borderColor": "#3E98C5"
        }
      },
      "tooltip": {
        "show": false
      }
    }
  ],
  "axisPointer": [
    {
      "lineStyle": {
        "color": "#817f91",
        "width": 1,
        "type": "dashed"
      },
      "crossStyle": {
        "color": "#817f91"
      },
      "label": {
        "color": "#fff",
        "show": true,
        "formatter": null,
        "precision": "auto",
        "margin": 3,
        "padding": [
          5,
          7,
          5,
          7
        ],
        "backgroundColor": "auto",
        "borderColor": null,
        "borderWidth": 0,
        "borderRadius": 3
      },
      "show": "auto",
      "zlevel": 0,
      "z": 50,
      "type": "line",
      "snap": false,
      "triggerTooltip": true,
      "value": null,
      "status": null,
      "link": [],
      "animation": null,
      "animationDurationUpdate": 200,
      "shadowStyle": {
        "color": "rgba(210,219,238,0.2)"
      },
      "handle": {
        "show": false,
        "icon": "M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4h1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7v-1.2h6.6z M13.3,22H6.7v-1.2h6.6z M13.3,19.6H6.7v-1.2h6.6z",
        "size": 45,
        "margin": 50,
        "color": "#333",
        "shadowBlur": 3,
        "shadowColor": "#aaa",
        "shadowOffsetX": 0,
        "shadowOffsetY": 2,
        "throttle": 40
      }
    }
  ],
  "tooltip": [
    {
      "trigger": "axis",
      "zlevel": 0,
      "z": 60,
      "show": true,
      "showContent": true,
      "triggerOn": "mousemove|click",
      "alwaysShowContent": false,
      "displayMode": "single",
      "renderMode": "auto",
      "confine": null,
      "showDelay": 0,
      "hideDelay": 100,
      "transitionDuration": 0.4,
      "enterable": false,
      "backgroundColor": "#fff",
      "shadowBlur": 10,
      "shadowColor": "rgba(0, 0, 0, .2)",
      "shadowOffsetX": 1,
      "shadowOffsetY": 2,
      "borderColor": "#333",
      "borderRadius": 4,
      "borderWidth": 1,
      "padding": null,
      "extraCssText": "",
      "axisPointer": {
        "type": "line",
        "axis": "auto",
        "animation": "auto",
        "animationDurationUpdate": 200,
        "animationEasingUpdate": "exponentialOut",
        "crossStyle": {
          "color": "#999",
          "width": 1,
          "type": "dashed",
          "textStyle": {}
        }
      },
      "textStyle": {
        "color": "#666",
        "fontSize": 14
      }
    }
  ],
  "yAxis": [
    {
      "type": "value",
      "axisLine": {
        "lineStyle": {
          "color": "#B9B8CE",
          "width": 1,
          "type": "solid"
        },
        "show": "auto",
        "onZero": true,
        "onZeroAxisIndex": null,
        "symbol": [
          "none",
          "none"
        ],
        "symbolSize": [
          10,
          15
        ]
      },
      "splitLine": {
        "lineStyle": {
          "color": "#484753",
          "width": 1,
          "type": "solid"
        },
        "show": true
      },
      "splitArea": {
        "areaStyle": {
          "color": [
            "rgba(255,255,255,0.02)",
            "rgba(255,255,255,0.05)"
          ]
        },
        "show": false
      },
      "minorSplitLine": {
        "lineStyle": {
          "color": "#20203B",
          "width": 1
        },
        "show": false
      },
      "boundaryGap": [
        0,
        0
      ],
      "axisTick": {
        "show": "auto",
        "inside": false,
        "length": 5,
        "lineStyle": {
          "width": 1
        }
      },
      "splitNumber": 5,
      "minorTick": {
        "show": false,
        "splitNumber": 5,
        "length": 3,
        "lineStyle": {}
      },
      "show": true,
      "zlevel": 0,
      "z": 0,
      "inverse": false,
      "name": "",
      "nameLocation": "end",
      "nameRotate": null,
      "nameTruncate": {
        "maxWidth": null,
        "ellipsis": "...",
        "placeholder": "."
      },
      "nameTextStyle": {},
      "nameGap": 15,
      "silent": false,
      "triggerEvent": false,
      "tooltip": {
        "show": false
      },
      "axisPointer": {},
      "axisLabel": {
        "show": true,
        "inside": false,
        "rotate": 0,
        "showMinLabel": null,
        "showMaxLabel": null,
        "margin": 8,
        "fontSize": 12
      },
      "offset": 0,
      "categorySortInfo": []
    }
  ],
  "xAxis": [
    {
      "type": "category",
      "boundaryGap": false,
      "data": [
        "周一",
        "周二",
        "周三",
        "周四",
        "周五",
        "周六",
        "周日"
      ],
      "axisLine": {
        "lineStyle": {
          "color": "#B9B8CE",
          "width": 1,
          "type": "solid"
        },
        "show": true,
        "onZero": true,
        "onZeroAxisIndex": null,
        "symbol": [
          "none",
          "none"
        ],
        "symbolSize": [
          10,
          15
        ]
      },
      "splitLine": {
        "lineStyle": {
          "color": "#484753",
          "width": 1,
          "type": "solid"
        },
        "show": false
      },
      "splitArea": {
        "areaStyle": {
          "color": [
            "rgba(255,255,255,0.02)",
            "rgba(255,255,255,0.05)"
          ]
        },
        "show": false
      },
      "minorSplitLine": {
        "lineStyle": {
          "color": "#20203B"
        }
      },
      "deduplication": null,
      "axisTick": {
        "alignWithLabel": false,
        "interval": "auto",
        "show": true,
        "inside": false,
        "length": 5,
        "lineStyle": {
          "width": 1
        }
      },
      "axisLabel": {
        "interval": "auto",
        "show": true,
        "inside": false,
        "rotate": 0,
        "showMinLabel": null,
        "showMaxLabel": null,
        "margin": 8,
        "fontSize": 12
      },
      "show": true,
      "zlevel": 0,
      "z": 0,
      "inverse": false,
      "name": "",
      "nameLocation": "end",
      "nameRotate": null,
      "nameTruncate": {
        "maxWidth": null,
        "ellipsis": "...",
        "placeholder": "."
      },
      "nameTextStyle": {},
      "nameGap": 15,
      "silent": false,
      "triggerEvent": false,
      "tooltip": {
        "show": false
      },
      "axisPointer": {
        "status": "hide",
        "value": 6
      },
      "offset": 0,
      "categorySortInfo": []
    }
  ],
  "grid": [
    {
      "left": "3%",
      "right": "4%",
      "bottom": "3%",
      "containLabel": true,
      "show": false,
      "zlevel": 0,
      "z": 0,
      "top": 60,
      "backgroundColor": "rgba(0,0,0,0)",
      "borderWidth": 1,
      "borderColor": "#ccc"
    }
  ],
  "series": [
    {
      "name": "邮件营销",
      "type": "line",
      "stack": "总量",
      "data": [
        120,
        132,
        101,
        134,
        90,
        230,
        210
      ],
      "progressive": 100000,
      "animation": false,
      "symbol": "circle",
      "zlevel": 0,
      "z": 3,
      "coordinateSystem": "cartesian2d",
      "legendHoverLink": true,
      "clip": true,
      "label": {
        "position": "top"
      },
      "endLabel": {
        "show": false,
        "valueAnimation": true,
        "distance": 8
      },
      "lineStyle": {
        "width": 2,
        "type": "solid"
      },
      "emphasis": {
        "scale": true,
        "lineStyle": {
          "width": "bolder"
        },
        "label": {}
      },
      "step": false,
      "smooth": false,
      "smoothMonotone": null,
      "symbolSize": 4,
      "symbolRotate": null,
      "showSymbol": true,
      "showAllSymbol": "auto",
      "connectNulls": false,
      "sampling": "none",
      "animationEasing": "linear",
      "hoverLayerThreshold": null
    },
    {
      "name": "联盟广告",
      "type": "line",
      "stack": "总量",
      "data": [
        220,
        182,
        191,
        234,
        290,
        330,
        310
      ],
      "progressive": 100000,
      "animation": false,
      "symbol": "circle",
      "zlevel": 0,
      "z": 3,
      "coordinateSystem": "cartesian2d",
      "legendHoverLink": true,
      "clip": true,
      "label": {
        "position": "top"
      },
      "endLabel": {
        "show": false,
        "valueAnimation": true,
        "distance": 8
      },
      "lineStyle": {
        "width": 2,
        "type": "solid"
      },
      "emphasis": {
        "scale": true,
        "lineStyle": {
          "width": "bolder"
        },
        "label": {}
      },
      "step": false,
      "smooth": false,
      "smoothMonotone": null,
      "symbolSize": 4,
      "symbolRotate": null,
      "showSymbol": true,
      "showAllSymbol": "auto",
      "connectNulls": false,
      "sampling": "none",
      "animationEasing": "linear",
      "hoverLayerThreshold": null
    },
    {
      "name": "视频广告",
      "type": "line",
      "stack": "总量",
      "data": [
        150,
        232,
        201,
        154,
        190,
        330,
        410
      ],
      "progressive": 100000,
      "animation": false,
      "symbol": "circle",
      "zlevel": 0,
      "z": 3,
      "coordinateSystem": "cartesian2d",
      "legendHoverLink": true,
      "clip": true,
      "label": {
        "position": "top"
      },
      "endLabel": {
        "show": false,
        "valueAnimation": true,
        "distance": 8
      },
      "lineStyle": {
        "width": 2,
        "type": "solid"
      },
      "emphasis": {
        "scale": true,
        "lineStyle": {
          "width": "bolder"
        },
        "label": {}
      },
      "step": false,
      "smooth": false,
      "smoothMonotone": null,
      "symbolSize": 4,
      "symbolRotate": null,
      "showSymbol": true,
      "showAllSymbol": "auto",
      "connectNulls": false,
      "sampling": "none",
      "animationEasing": "linear",
      "hoverLayerThreshold": null
    },
    {
      "name": "直接访问",
      "type": "line",
      "stack": "总量",
      "data": [
        320,
        332,
        301,
        334,
        390,
        330,
        320
      ],
      "progressive": 100000,
      "animation": false,
      "symbol": "circle",
      "zlevel": 0,
      "z": 3,
      "coordinateSystem": "cartesian2d",
      "legendHoverLink": true,
      "clip": true,
      "label": {
        "position": "top"
      },
      "endLabel": {
        "show": false,
        "valueAnimation": true,
        "distance": 8
      },
      "lineStyle": {
        "width": 2,
        "type": "solid"
      },
      "emphasis": {
        "scale": true,
        "lineStyle": {
          "width": "bolder"
        },
        "label": {}
      },
      "step": false,
      "smooth": false,
      "smoothMonotone": null,
      "symbolSize": 4,
      "symbolRotate": null,
      "showSymbol": true,
      "showAllSymbol": "auto",
      "connectNulls": false,
      "sampling": "none",
      "animationEasing": "linear",
      "hoverLayerThreshold": null
    },
    {
      "name": "搜索引擎",
      "type": "line",
      "stack": "总量",
      "data": [
        820,
        932,
        901,
        934,
        1290,
        1330,
        1320
      ],
      "progressive": 100000,
      "animation": false,
      "symbol": "circle",
      "zlevel": 0,
      "z": 3,
      "coordinateSystem": "cartesian2d",
      "legendHoverLink": true,
      "clip": true,
      "label": {
        "position": "top"
      },
      "endLabel": {
        "show": false,
        "valueAnimation": true,
        "distance": 8
      },
      "lineStyle": {
        "width": 2,
        "type": "solid"
      },
      "emphasis": {
        "scale": true,
        "lineStyle": {
          "width": "bolder"
        },
        "label": {}
      },
      "step": false,
      "smooth": false,
      "smoothMonotone": null,
      "symbolSize": 4,
      "symbolRotate": null,
      "showSymbol": true,
      "showAllSymbol": "auto",
      "connectNulls": false,
      "sampling": "none",
      "animationEasing": "linear",
      "hoverLayerThreshold": null
    }
  ],
  "visualMap": [],
  "legend": [
    {
      "data": [
        "邮件营销",
        "联盟广告",
        "视频广告",
        "直接访问",
        "搜索引擎"
      ],
      "padding": 15,
      "textStyle": {
        "color": "#B9B8CE"
      },
      "zlevel": 0,
      "z": 4,
      "show": true,
      "orient": "horizontal",
      "left": "center",
      "top": 0,
      "align": "auto",
      "backgroundColor": "rgba(0,0,0,0)",
      "borderColor": "#ccc",
      "borderRadius": 0,
      "borderWidth": 0,
      "itemGap": 10,
      "itemWidth": 25,
      "itemHeight": 14,
      "inactiveColor": "#ccc",
      "inactiveBorderColor": "#ccc",
      "itemStyle": {
        "borderWidth": 0
      },
      "selectedMode": true,
      "selector": false,
      "selectorLabel": {
        "show": true,
        "borderRadius": 10,
        "padding": [
          3,
          5,
          3,
          5
        ],
        "fontSize": 12,
        "fontFamily": " sans-serif",
        "color": "#666",
        "borderWidth": 1,
        "borderColor": "#666"
      },
      "emphasis": {
        "selectorLabel": {
          "show": true,
          "color": "#eee",
          "backgroundColor": "#666"
        }
      },
      "selectorPosition": "auto",
      "selectorItemGap": 7,
      "selectorButtonGap": 10,
      "tooltip": {
        "show": false
      },
      "selected": {}
    }
  ],
  "markArea": [
    {
      "zlevel": 0,
      "z": 1,
      "tooltip": {
        "trigger": "item"
      },
      "animation": false,
      "label": {
        "show": true,
        "position": "top"
      },
      "itemStyle": {
        "borderWidth": 0
      },
      "emphasis": {
        "label": {
          "show": true,
          "position": "top"
        }
      }
    }
  ],
  "markLine": [
    {
      "zlevel": 0,
      "z": 5,
      "symbol": [
        "circle",
        "arrow"
      ],
      "symbolSize": [
        8,
        16
      ],
      "precision": 2,
      "tooltip": {
        "trigger": "item"
      },
      "label": {
        "show": true,
        "position": "end",
        "distance": 5
      },
      "lineStyle": {
        "type": "dashed"
      },
      "emphasis": {
        "label": {
          "show": true
        },
        "lineStyle": {
          "width": 3
        }
      },
      "animationEasing": "linear"
    }
  ],
  "markPoint": [
    {
      "zlevel": 0,
      "z": 5,
      "symbol": "pin",
      "symbolSize": 50,
      "tooltip": {
        "trigger": "item"
      },
      "label": {
        "show": true,
        "position": "inside"
      },
      "itemStyle": {
        "borderWidth": 2
      },
      "emphasis": {
        "label": {
          "show": true
        }
      }
    }
  ],
  "brush": [],
  "dataZoom": []
}