1. 安装
npm install echarts --save
2. 使用
2.1 全局引入
在main.js
中引入:
import echarts from 'echarts'
Vue.prototype.$echarts = echarts
在具体业务vue中使用,直接用this.$echarts
即可(完整demo如下):
<template>
<div style="width: 500px;height: 1000px" id="main"></div>
</template>
<script>
export default {
mounted () {
// 基于准备好的dom,初始化echarts实例
var myChart = this.$echarts.init(document.getElementById('main'));
// 绘制图表
myChart.setOption({
title: {
text: 'ECharts 入门示例'
},
tooltip: {},
xAxis: {
data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
},
yAxis