美文网首页
图表的数据返回格式

图表的数据返回格式

作者: 苦瓜来来 | 来源:发表于2021-10-26 16:25 被阅读0次

    柱状图、折线图、雷达图的数据结构

     data:[{
             // 图例的名称
             legend: '',
             // 图表数据
             dataList:[
                        {
                         // 如果还需要有别的,请在下面填充
                         name: '',
                         value: ''
                        }
                    ]
                }]
    

    饼状图、圆环图、漏斗图、仪表盘的数据结构

    data: [{
             // 如果还需要有别的,请在下面填充
             name: '',
             value: '' 
            }]
    

    地图的数据结构

    data: [{
             // 地区名称
             name: '',
            // 地区的行政区划码
             code: '',
             // 地区的数据
             value: 0,
             // 是否有权限
             auth: false
            }]
    

    散点图的数据结构 scatter 数据结构1

     data: {
            // x轴 返回的数据格式
            xAxis:[{
                  // 有些下钻需要传递的字段
                  name: 'aa'
                  }],
            // y轴 返回的数据格式
           yAxis: [{
                   // 有些下钻需要传递的字段
                   name: 'bb'
                   }],
           // 数据格式
             dataList: [
                        ['aa', 'bb', 0]
            ]}
    

    散点图的数据结构 scatter 数据结构2

     data: [
          {
          // x轴 y轴数据,写成对象是方面扩展
           x: 0,
           y: 1 
          }]
    

    矩形树图的数据结构 treemap

    data: [{
             name: 'aa',
             value: 10,
             // 如果包含下钻
             children: [{
                         // 如果有children的话,value数值的和与父级相等
                                name: 'aa-1',
                                value: 4
                            }, {
                                name: 'aa-2',
                                value: 6
                            }
                        ]
                    }]
    

    关系图 type graph

    data: {
          // 节点
          nodes: [{
                   name: '',
                   // 坐标点的位置可选
                   x: '',
                  y: ''
                  }],
          // 连线
          links:[{
                  source: '',
                  target: ''
                 }]
                }
    

    相关文章

      网友评论

          本文标题:图表的数据返回格式

          本文链接:https://www.haomeiwen.com/subject/eehyaltx.html