echarts #多grid情况下,根据数据划分空间 #grid left right值自动计算


其实很简单,简单画一画就清楚了,大致的关系如下图示:

实例数据如下:

{
  "dataSource": [
    {
      "name": "一组",
      "currencySymbol": "¥",
      "value": [
        {
          "name": "赵强",
          "value": 99999
        },
        {
          "name": "刘波",
          "value": 88888
        },
        {
          "name": "周亮",
          "value": 77777
        }
      ]
    },
    {
      "name": "二组",
      "currencySymbol": "¥",
      "value": [
        {
          "name": "方齐",
          "value": 6666
        },
        {
          "name": "郑强",
          "value": 555
        }
      ]
    },
    {
      "name": "三组",
      "currencySymbol": "¥",
      "value": [
        {
          "name": "懿轩",
          "value": 10810.74
        },
        {
          "name": "哲瀚",
          "value": 10603.07
        },
        {
          "name": "昊焱",
          "value": 10169.32
        },
        {
          "name": "天宇",
          "value": 1022.98
        },
        {
          "name": "雪松",
          "value": 10207.0
        },
        {
          "name": "靖琪",
          "value": 10163.52
        }
      ]
    }
  ]
}

完整组件代码





相关