{
  "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,
  "dataset": [
    {
      "source": [
        [
          "score",
          "amount",
          "product"
        ],
        [
          89.3,
          58212,
          "Matcha Latte"
        ],
        [
          57.1,
          78254,
          "Milk Tea"
        ],
        [
          74.4,
          41032,
          "Cheese Cocoa"
        ],
        [
          50.1,
          12755,
          "Cheese Brownie"
        ],
        [
          89.7,
          20145,
          "Matcha Cocoa"
        ],
        [
          68.1,
          79146,
          "Tea"
        ],
        [
          19.6,
          91852,
          "Orange Juice"
        ],
        [
          10.6,
          101852,
          "Lemon Juice"
        ],
        [
          32.7,
          20112,
          "Walnut Brownie"
        ]
      ],
      "seriesLayoutBy": "column"
    }
  ],
  "bmap": [],
  "timeline": [],
  "title": [],
  "toolbox": [],
  "graphic": [],
  "calendar": [],
  "geo": [],
  "radiusAxis": [],
  "angleAxis": [],
  "polar": [],
  "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": [],
  "singleAxis": [],
  "parallelAxis": [],
  "parallel": [],
  "component": [],
  "radar": [],
  "yAxis": [
    {
      "type": "category",
      "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"
        }
      },
      "boundaryGap": true,
      "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": {},
      "offset": 0,
      "categorySortInfo": []
    }
  ],
  "xAxis": [
    {
      "name": "amount",
      "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,
      "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": [],
      "type": "value"
    }
  ],
  "grid": [
    {
      "containLabel": true,
      "show": false,
      "zlevel": 0,
      "z": 0,
      "left": "10%",
      "top": 60,
      "right": "10%",
      "bottom": 70,
      "backgroundColor": "rgba(0,0,0,0)",
      "borderWidth": 1,
      "borderColor": "#ccc"
    }
  ],
  "series": [
    {
      "type": "bar",
      "encode": {
        "x": "amount",
        "y": "product"
      },
      "progressive": 100000,
      "animation": false,
      "zlevel": 0,
      "z": 2,
      "coordinateSystem": "cartesian2d",
      "legendHoverLink": true,
      "barMinHeight": 0,
      "barMinAngle": 0,
      "large": false,
      "largeThreshold": 400,
      "progressiveChunkMode": "mod",
      "clip": true,
      "roundCap": false,
      "showBackground": false,
      "backgroundStyle": {
        "color": "rgba(180, 180, 180, 0.2)",
        "borderColor": null,
        "borderWidth": 0,
        "borderType": "solid",
        "borderRadius": 0,
        "shadowBlur": 0,
        "shadowColor": null,
        "shadowOffsetX": 0,
        "shadowOffsetY": 0,
        "opacity": 1
      },
      "select": {
        "itemStyle": {
          "borderColor": "#212121"
        }
      },
      "realtimeSort": false,
      "label": {},
      "emphasis": {
        "label": {}
      }
    }
  ],
  "visualMap": [
    {
      "orient": "horizontal",
      "left": "center",
      "min": 10,
      "max": 100,
      "text": [
        "High Score",
        "Low Score"
      ],
      "dimension": 0,
      "inRange": {
        "color": [
          "#65B581",
          "#FFCE34",
          "#FD665F"
        ]
      },
      "textStyle": {
        "color": "#B9B8CE"
      },
      "show": true,
      "zlevel": 0,
      "z": 4,
      "seriesIndex": "all",
      "right": null,
      "top": null,
      "bottom": 0,
      "itemWidth": null,
      "itemHeight": null,
      "inverse": false,
      "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": [
            "#65B581",
            "#FFCE34",
            "#FD665F"
          ]
        },
        "outOfRange": {
          "color": [
            "rgba(0,0,0,0)"
          ],
          "opacity": [
            0,
            0
          ]
        }
      },
      "controller": {
        "inRange": {
          "color": [
            "#65B581",
            "#FFCE34",
            "#FD665F"
          ],
          "symbol": [
            "roundRect"
          ],
          "symbolSize": [
            20,
            20
          ]
        },
        "outOfRange": {
          "color": [
            "#aaa"
          ],
          "symbol": [
            "roundRect"
          ],
          "symbolSize": [
            20,
            20
          ]
        }
      },
      "range": [
        10,
        100
      ]
    }
  ],
  "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": []
}