v-charts 的数据由指标和维度组成。以一组常见的数据为例：

日期 访问用户 下单用户
2018-05-22 32371 29810
2018-05-23 12328 11398
2018-05-24 92381 82910
“维度” 指的是数据的属性，例如表格中的 “日期” 维度，表示生成的每组数据的日期。

“指标” 是量化衡量标准，例如表格中的 “访问用户” 和 “下单用户”。
设置指标维度
一种典型的 v-charts data 属性数据格式如下所示：

{
  columns: ['日期', '访问用户', '下单用户'],
  rows: [
    { '日期': '2018-05-22', '访问用户': 32371, '下单用户': 19810 },
    { '日期': '2018-05-23', '访问用户': 12328, '下单用户': 4398 },
    { '日期': '2018-05-24', '访问用户': 92381, '下单用户': 52910 }
  ]
}

所有从axios获取的数组元素应按照columns的格式转为对象。
eg

 chartData: {
                    columns: ['name', 'value'],
                    rows: []
                },

                        for (let i in response.data) {
                            _this.chartData.rows.push({
                                'name': response.data[i][0],
                                'value': response.data[i][1]
                            })
                        }

版权属于：小小窝/禾下月

本文链接：https://hxyxyz.top/index.php/Web/249.html

本站文章采用 知识共享署名4.0 国际许可协议 进行许可，请在转载时注明出处及本声明！