该插件为基于echarts的Vue插件,在vue项目中使用方法如下,
-
先安装echarts
npm install echarts --save
-
再安装zondyechart
npm install zondyechart --save
使用npm方式引入如下
import Vue from 'vue'
import echarts from 'echarts'
import zondyechart from 'zondyechart'
Vue.use(zondyechart)
Vue.prototype.$echarts = echarts
使用script标签引入方式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>zondyechart</title>
</head>
<body>
<div id="app"></div>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.7.0-rc.1/echarts.min.js"></script>
</body>
</html>
<zondy-echart type="line" data="data" options="options" ></zondy-echart>