py 构建图表_使用D3构建简单而可配置的图表

py 构建图表

vue-d3-图表 (vue-d3-charts)

Simply yet configurable charts build with D3.

使用D3可以轻松构建可配置的图表。

View Demo 查看演示 View Github 查看Github

安装 (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 构建图表