Core Chart Types

{
  "xAxis": { "type": "category", "data": ["Q1","Q2","Q3","Q4"] },
  "yAxis": { "type": "value" },
  "series": [{ "type": "bar", "data": [120,135,142,168] }]
}

{
  "series": [{
    "type": "pie",
    "radius": ["40%", "70%"],
    "data": [{"name":"A","value":40},{"name":"B","value":30},{"name":"C","value":30}],
    "label": { "formatter": "{b}: {d}%" }
  }]
}

{
  "xAxis": { "type": "value" },
  "yAxis": { "type": "value" },
  "series": [{ "type": "scatter", "data": [[10.0,8.04],[8.0,6.95],[13.0,7.58]] }]
}

{
  "xAxis": { "type": "category", "data": ["A","B","C"] },
  "yAxis": { "type": "category", "data": ["X","Y","Z"] },
  "visualMap": { "min": 0, "max": 10, "calculable": true, "orient": "horizontal", "left": "center", "bottom": "5%" },
  "series": [{ "type": "heatmap", "data": [[0,0,3],[1,0,7],[2,0,4],[0,1,1],[1,1,9]] }]
}

{
  "xAxis": { "type": "category", "data": ["2024-01-01","2024-01-02"] },
  "yAxis": { "type": "value" },
  "series": [{ "type": "candlestick", "data": [[20,34,10,38],[40,35,30,50]] }]
}

{
  "radar": { "indicator": [{"name":"Sales","max":100},{"name":"Marketing","max":100},{"name":"Dev","max":100}] },
  "series": [{ "type": "radar", "data": [{ "value": [80,60,70], "name": "Team A" }] }]
}

{ "series": [{ "type": "gauge", "data": [{ "value": 72, "name": "Score" }] }] }