可以支持echarts图表显示

[xjl456852]

可以支持echarts图表显示.

{
  "title": {
    "text": "多图表类型切换展示",
    "left": "center"
  },
  "tooltip": {
    "trigger": "item"
  },
  "legend": {
    "orient": "vertical",
    "left": "left",
    "top": "10%",
    "data": ["柱状图", "折线图", "散点图"],
    "selectedMode": "single"
  },
  "grid": {
    "left": "15%",
    "right": "5%",
    "bottom": "10%",
    "containLabel": true
  },
  "xAxis": {
    "type": "category",
    "data": ["202407", "202408", "202409", "202410", "202411", "202412", "202501", "202502", "202503", "202504", "202505", "202506"]
  },
  "yAxis": {
    "type": "value",
    "axisLabel": {
        "formatter": "{value}"
    },
    "splitLine": {
        "show": true
    }
  },
  "series": [
    {
      "name": "柱状图",
      "type": "bar",
      "label": {
        "show": true,
        "position": "top"
      },
      "data": [100, 98, 97, 99, 101, 120, 110, 103, 113, 103, 115, 109],
      "markPoint": {
        "data": [
          {
            "type": "max",
            "name": "最大值",
            "symbolOffset": [0, -30]
          },
          {
            "type": "min",
            "name": "最小值",
            "symbolOffset": [0, -30]
          }
        ]
      },
      "markLine": {
        "data": [{ "type": "average", "name": "平均值" }]
      }
    },
    {
      "name": "折线图",
      "type": "line",
      "label": {
        "show": true
      },
      "data": [100, 98, 97, 99, 101, 120, 110, 103, 113, 103, 115, 109],
      "smooth": true
    },
    {
      "name": "散点图",
      "type": "scatter",
      "label": {
        "show": true,
        "position": "top"
      },
      "data": [100, 98, 97, 99, 101, 120, 110, 103, 113, 103, 115, 109],
      "symbolSize": 20
    }
  ]
}