ly-charts v3.2.4

项目安装/使用方法

1. 拉取项目到本地文件夹内

2. 安装 node（https://nodejs.org/en/ 下载 node)

3. 打开电脑终端 输入node -v 和npm -v 看看是否出现对应的版本 出现--->安装完成

4. 打开当前拉取文档的终端 输入 npm install 下载依赖项

5. npm run serve 启动项目

6. npm run build 打包项目

LyCharts 的使用方法

基本使用方法

1.安装npm包

npm i ly-charts -S
# or 
yarn add ly-charts

2.在main.js中引入

//导入echarts组件
import echarts from 'echarts'
//导入LyCharts组件
import LyCharts from 'ly-charts'
//导入主题部分
import Func from 'ly-charts/views/theme/index.js'
//导入LyCharts的css文件
import 'ly-charts/lib/styles/index.css'
//使用LyCharts
Vue.use(LyCharts)
//设置主题
Func(echarts)

3.使用对应的模块 (柱状图为例)

//使用组件
<template>
   <ly-bar
   :chartData="barData"
   ></ly-bar>
</template>

<script>
export default {
  data(){
    return{
      barData:{
        columns: ['time', 'water', 'gas'],
        rows: [
          {time: '1-1', water: '20', gas: '40'},
          {time: '1-2', water: '20', gas: '40'},
          {time: '1-3', water: '20', gas: '40'},
          {time: '1-4', water: '20', gas: '40'}
        ],
      }
    }
  }
}
</script>

4.数据传递