趋势图 (vue-trend-chart)
Simple trend charts for Vue.js.
Vue.js的简单趋势图。
:cd:安装 (:cd: Installation)
npm i vue-trend-chart
:火箭:用法 (:rocket: Usage)
import Vue from "vue";
import TrendChart from "vue-trend-chart";
Vue.use(TrendChart);
Example:
例:
<TrendChart
:datasets="[
{
data: [10, 50, 20, 100, 40, 60, 80],
smooth: true,
fill: true
}
]"
:grid="{
verticalLines: true,
horizontalLines: true
}"
:labels="{
xLabels: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
yLabels: 5
}"
:min="0">
</TrendChart>
:wrench:道具 (:wrench: Props)
datasets
(datasets
)
Required Type: Array
必填类型: 数组
Array of objects with properties for each dataset.
具有每个数据集属性的对象数组。
grid
(grid
)
Type: Object
类型: 对象