{
  "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": "#f64e56",
      "color0": "#54ea92",
      "borderColor": "#f64e56",
      "borderColor0": "#54ea92"
    }
  },
  "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
          ],
          "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,
  "zAxis3D": [
    {
      "boundaryGap": [
        0,
        0
      ],
      "splitNumber": 5,
      "axisPointer": {
        "label": {}
      },
      "show": true,
      "grid3DIndex": 0,
      "inverse": false,
      "name": "Z",
      "nameLocation": "middle",
      "nameTextStyle": {
        "fontSize": 16
      },
      "nameGap": 20,
      "axisLine": {},
      "axisTick": {},
      "axisLabel": {},
      "splitArea": {},
      "type": "value"
    }
  ],
  "yAxis3D": [
    {
      "boundaryGap": [
        0,
        0
      ],
      "splitNumber": 5,
      "axisPointer": {
        "label": {}
      },
      "show": true,
      "grid3DIndex": 0,
      "inverse": false,
      "name": "Y",
      "nameLocation": "middle",
      "nameTextStyle": {
        "fontSize": 16
      },
      "nameGap": 20,
      "axisLine": {},
      "axisTick": {},
      "axisLabel": {},
      "splitArea": {},
      "type": "value"
    }
  ],
  "xAxis3D": [
    {
      "boundaryGap": [
        0,
        0
      ],
      "splitNumber": 5,
      "axisPointer": {
        "label": {}
      },
      "show": true,
      "grid3DIndex": 0,
      "inverse": false,
      "name": "X",
      "nameLocation": "middle",
      "nameTextStyle": {
        "fontSize": 16
      },
      "nameGap": 20,
      "axisLine": {},
      "axisTick": {},
      "axisLabel": {},
      "splitArea": {},
      "type": "value"
    }
  ],
  "grid3D": [
    {
      "show": true,
      "postEffect": {
        "enable": true,
        "bloom": {
          "enable": true,
          "intensity": 0.1
        },
        "depthOfField": {
          "enable": false,
          "focalRange": 20,
          "focalDistance": 50,
          "blurRadius": 10,
          "fstop": 2.8,
          "quality": "medium"
        },
        "screenSpaceAmbientOcclusion": {
          "enable": false,
          "radius": 2,
          "quality": "medium",
          "intensity": 1
        },
        "screenSpaceReflection": {
          "enable": false,
          "quality": "medium",
          "maxRoughness": 0.8
        },
        "colorCorrection": {
          "enable": true,
          "exposure": 0,
          "brightness": 0,
          "contrast": 1,
          "saturation": 1,
          "lookupTexture": ""
        },
        "edge": {
          "enable": false
        },
        "FXAA": {
          "enable": false
        }
      },
      "temporalSuperSampling": {
        "enable": true
      },
      "light": {
        "main": {
          "intensity": 3,
          "shadow": true,
          "alpha": 30,
          "beta": 40,
          "shadowQuality": "high",
          "color": "#fff"
        },
        "ambient": {
          "intensity": 0,
          "color": "#fff"
        },
        "ambientCubemap": {
          "texture": "http://localhost:3323/public/data-gl/asset/canyon.hdr",
          "exposure": 2,
          "diffuseIntensity": 1,
          "specularIntensity": 1
        }
      },
      "zlevel": -10,
      "left": 0,
      "top": 0,
      "width": "100%",
      "height": "100%",
      "environment": "auto",
      "boxWidth": 100,
      "boxHeight": 100,
      "boxDepth": 100,
      "axisPointer": {
        "show": true,
        "lineStyle": {
          "color": "rgba(0, 0, 0, 0.8)",
          "width": 1
        },
        "label": {
          "show": true,
          "formatter": null,
          "margin": 8,
          "textStyle": {
            "fontSize": 14,
            "color": "#fff",
            "backgroundColor": "rgba(0,0,0,0.5)",
            "padding": 3,
            "borderRadius": 3
          }
        }
      },
      "axisLine": {
        "show": true,
        "lineStyle": {
          "color": "#333",
          "width": 2,
          "type": "solid"
        }
      },
      "axisTick": {
        "show": true,
        "inside": false,
        "length": 3,
        "lineStyle": {
          "width": 1
        }
      },
      "axisLabel": {
        "show": true,
        "inside": false,
        "rotate": 0,
        "margin": 8,
        "textStyle": {
          "fontSize": 12
        }
      },
      "splitLine": {
        "show": true,
        "lineStyle": {
          "color": [
            "#ccc"
          ],
          "width": 1,
          "type": "solid"
        }
      },
      "splitArea": {
        "show": false,
        "areaStyle": {
          "color": [
            "rgba(250,250,250,0.3)",
            "rgba(200,200,200,0.3)"
          ]
        }
      },
      "viewControl": {
        "alpha": 20,
        "beta": 40,
        "autoRotate": false,
        "distance": 200,
        "minDistance": 40,
        "maxDistance": 400,
        "projection": "perspective",
        "autoRotateDirection": "cw",
        "autoRotateSpeed": 10,
        "autoRotateAfterStill": 3,
        "damping": 0.8,
        "rotateSensitivity": 1,
        "zoomSensitivity": 1,
        "panSensitivity": 1,
        "panMouseButton": "middle",
        "rotateMouseButton": "left",
        "orthographicSize": 150,
        "maxOrthographicSize": 400,
        "minOrthographicSize": 20,
        "center": [
          0,
          0,
          0
        ],
        "minAlpha": -90,
        "maxAlpha": 90
      }
    }
  ],
  "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": [
    {
      "zlevel": 0,
      "z": 60,
      "show": true,
      "showContent": true,
      "trigger": "item",
      "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,
      "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": {}
    }
  ],
  "series": [
    {
      "type": "surface",
      "parametric": true,
      "wireframe": {
        "show": false,
        "lineStyle": {
          "color": "rgba(0,0,0,0.5)",
          "width": 1
        }
      },
      "shading": "realistic",
      "realisticMaterial": {
        "roughness": 0.4,
        "metalness": 0,
        "textureTiling": 1,
        "textureOffset": 0,
        "detailTexture": null
      },
      "parametricEquation": {
        "u": {
          "min": -3.141592653589793,
          "max": 3.141592653589793,
          "step": 0.07853981633974483
        },
        "v": {
          "min": -15,
          "max": 6,
          "step": 0.21
        },
        "x": {},
        "y": {},
        "z": {}
      },
      "progressive": 100000,
      "animation": false,
      "coordinateSystem": "cartesian3D",
      "zlevel": -10,
      "grid3DIndex": 0,
      "equation": {
        "x": {
          "min": -1,
          "max": 1,
          "step": 0.1
        },
        "y": {
          "min": -1,
          "max": 1,
          "step": 0.1
        },
        "z": null
      },
      "dataShape": null,
      "itemStyle": {},
      "animationDurationUpdate": 500,
      "lambertMaterial": {
        "textureTiling": 1,
        "textureOffset": 0,
        "detailTexture": null
      },
      "colorMaterial": {
        "textureTiling": 1,
        "textureOffset": 0,
        "detailTexture": null
      },
      "hatchingMaterial": {
        "textureTiling": 1,
        "textureOffset": 0,
        "paperColor": "#fff"
      },
      "label": {},
      "emphasis": {
        "label": {}
      }
    }
  ],
  "visualMap": [
    {
      "show": false,
      "dimension": 2,
      "min": -5,
      "max": 0,
      "inRange": {
        "color": [
          "#313695",
          "#4575b4",
          "#74add1",
          "#abd9e9",
          "#e0f3f8",
          "#ffffbf",
          "#fee090",
          "#fdae61",
          "#f46d43",
          "#d73027",
          "#a50026"
        ]
      },
      "textStyle": {
        "color": "#B9B8CE"
      },
      "zlevel": 0,
      "z": 4,
      "seriesIndex": "all",
      "left": 0,
      "right": null,
      "top": null,
      "bottom": 0,
      "itemWidth": null,
      "itemHeight": null,
      "inverse": false,
      "orient": "vertical",
      "backgroundColor": "rgba(0,0,0,0)",
      "borderColor": "#ccc",
      "contentColor": "#5793f3",
      "inactiveColor": "#aaa",
      "borderWidth": 0,
      "padding": 5,
      "textGap": 10,
      "precision": 0,
      "align": "auto",
      "calculable": false,
      "hoverLink": true,
      "realtime": true,
      "handleIcon": "path://M-11.39,9.77h0a3.5,3.5,0,0,1-3.5,3.5h-22a3.5,3.5,0,0,1-3.5-3.5h0a3.5,3.5,0,0,1,3.5-3.5h22A3.5,3.5,0,0,1-11.39,9.77Z",
      "handleSize": "120%",
      "handleStyle": {
        "borderColor": "#fff",
        "borderWidth": 1
      },
      "indicatorIcon": "circle",
      "indicatorSize": "50%",
      "indicatorStyle": {
        "borderColor": "#fff",
        "borderWidth": 2,
        "shadowBlur": 2,
        "shadowOffsetX": 1,
        "shadowOffsetY": 1,
        "shadowColor": "rgba(0,0,0,0.2)"
      },
      "target": {
        "inRange": {
          "color": [
            "#313695",
            "#4575b4",
            "#74add1",
            "#abd9e9",
            "#e0f3f8",
            "#ffffbf",
            "#fee090",
            "#fdae61",
            "#f46d43",
            "#d73027",
            "#a50026"
          ]
        },
        "outOfRange": {
          "color": [
            "rgba(0,0,0,0)"
          ],
          "opacity": [
            0,
            0
          ]
        }
      },
      "controller": {
        "inRange": {
          "color": [
            "#313695",
            "#4575b4",
            "#74add1",
            "#abd9e9",
            "#e0f3f8",
            "#ffffbf",
            "#fee090",
            "#fdae61",
            "#f46d43",
            "#d73027",
            "#a50026"
          ],
          "symbol": [
            "roundRect"
          ],
          "symbolSize": [
            20,
            20
          ]
        },
        "outOfRange": {
          "color": [
            "#aaa"
          ],
          "symbol": [
            "roundRect"
          ],
          "symbolSize": [
            20,
            20
          ]
        }
      },
      "range": [
        -5,
        0
      ]
    }
  ],
  "legend": [],
  "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": []
}