Vue.js的简单趋势图

趋势图 (vue-trend-chart)

Simple trend charts for Vue.js.

Vue.js的简单趋势图。

View Demo 查看演示 View Github 查看Github

：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

类型： 对象

Grid properties