Vue.js的简单趋势图组件

Vue.js的简单趋势图组件

插件名称:vue-trend-chart

发布时间:2020年5月27日

插件作者:dmtrbrl

演示 GitHub下载

一个针对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>
相关插件