py 构建图表
vue-d3-图表 (vue-d3-charts)
Simply yet configurable charts build with D3.
使用D3可以轻松构建可配置的图表。
![vue-d3-chartsv](https://i-blog.csdnimg.cn/blog_migrate/5c288b4ad4d1e735a747c48127f83433.png)
安装 (Install)
npm i vue-d3-charts --save
用法 (Usage)
Import:
进口:
import {D3BarChart} from 'vue-d3-charts'
Template:
模板:
<D3BarChart :config="config" :datum="data"></D3BarChart>
Configuration and data:
配置和数据:
// data
data = [{
name: "Lorem",
total: 30
},{
name: "Ipsum",
total: 21
},{
name: "Dolor",
total: 20
}]
// Configuration
config = {
key: "name",
value: "total",
color: "steelblue",
}
翻译自: https://vuejsexamples.com/simply-yet-configurable-charts-build-with-d3/
py 构建图表