Vue.js的简单趋势图组件 - vue-trend-chart

Vue.js的简单趋势图组件 - vue-trend-chart
插件名称 vue-trend-chart
发布时间 2020年5月27日
插件作者 dmtrbrl

一个针对Vue.js的简单动态可配置趋势图库。

变更日志:

v0.15.3(2020年11月14日)

  • npm更新

v0.15.2(05/21/2020)

  • 错误修正

安装和下载:

# 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>