{
  "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
    }
  ],
  "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,
      "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
      }
    }
  ],
  "radar": [
    {
      "indicator": [
        {
          "name": "销售（sales）",
          "max": 6500,
          "min": 0
        },
        {
          "name": "管理（Administration）",
          "max": 16000,
          "min": 0
        },
        {
          "name": "信息技术（Information Techology）",
          "max": 30000,
          "min": 0
        },
        {
          "name": "客服（Customer Support）",
          "max": 38000,
          "min": 0
        },
        {
          "name": "研发（Development）",
          "max": 52000,
          "min": 0
        },
        {
          "name": "市场（Marketing）",
          "max": 25000,
          "min": 0
        }
      ],
      "axisName": {
        "textStyle": {
          "color": "#fff",
          "backgroundColor": "#999",
          "borderRadius": 3,
          "padding": [
            3,
            5
          ]
        },
        "color": "#fff",
        "backgroundColor": "#999",
        "borderRadius": 3,
        "padding": [
          3,
          5
        ],
        "show": true
      },
      "zlevel": 0,
      "z": 0,
      "center": [
        "50%",
        "50%"
      ],
      "radius": "75%",
      "startAngle": 90,
      "boundaryGap": [
        0,
        0
      ],
      "splitNumber": 5,
      "axisNameGap": 15,
      "scale": false,
      "shape": "polygon",
      "axisLine": {
        "lineStyle": {
          "color": "#bbb",
          "width": 1,
          "type": "solid"
        },
        "show": "auto",
        "onZero": true,
        "onZeroAxisIndex": null,
        "symbol": [
          "none",
          "none"
        ],
        "symbolSize": [
          10,
          15
        ]
      },
      "axisLabel": {
        "show": false,
        "inside": false,
        "rotate": 0,
        "showMinLabel": null,
        "showMaxLabel": null,
        "margin": 8,
        "fontSize": 12
      },
      "axisTick": {
        "show": false,
        "inside": false,
        "length": 5,
        "lineStyle": {
          "width": 1
        }
      },
      "splitLine": {
        "show": true,
        "lineStyle": {
          "color": [
            "#E0E6F1"
          ],
          "width": 1,
          "type": "solid"
        }
      },
      "splitArea": {
        "show": true,
        "areaStyle": {
          "color": [
            "rgba(250,250,250,0.2)",
            "rgba(210,219,238,0.2)"
          ]
        }
      }
    }
  ],
  "series": [
    {
      "name": "预算 vs 开销（Budget vs spending）",
      "type": "radar",
      "data": [
        {
          "value": [
            4300,
            10000,
            28000,
            35000,
            50000,
            19000
          ],
          "name": "预算分配（Allocated Budget）"
        },
        {
          "value": [
            5000,
            14000,
            28000,
            31000,
            42000,
            21000
          ],
          "name": "实际开销（Actual Spending）"
        }
      ],
      "progressive": 100000,
      "animation": false,
      "zlevel": 0,
      "z": 2,
      "coordinateSystem": "radar",
      "legendHoverLink": true,
      "radarIndex": 0,
      "lineStyle": {
        "width": 2,
        "type": "solid"
      },
      "label": {
        "position": "top"
      },
      "symbol": "emptyCircle",
      "symbolSize": 4,
      "emphasis": {
        "label": {}
      }
    }
  ],
  "visualMap": [],
  "legend": [
    {
      "data": [
        "预算分配（Allocated Budget）",
        "实际开销（Actual Spending）"
      ],
      "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": []
}