一个针对Vue.js的简单动态可配置趋势图库。
# NPM
$ npm install vue-trend-chart --save
import Vue from "vue";
import TrendChart from "vue-trend-chart";
Vue.use(TrendChart);
<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>