vue-echarts

vue-echarts 介绍

1ECharts 的 vue.js 组件

安装

npm（推荐方式）

npm install echarts vue-echarts

CDN

在 html 文件按如下方式依次引入 echarts 和 vue-echarts：

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts.js"></script>

<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>

使用方法

用 npm 与 vue Loader 基于 ES Module 引入（推荐用法）

import vue from 'vue'

import ECharts from 'vue-echarts' // 在 webpack 环境下指向 components/ECharts.vue

// 手动引入 ECharts 各模块来减小打包体积

import 'echarts/lib/chart/bar'

import 'echarts/lib/component/tooltip'

// 如果需要配合 ECharts 扩展使用，只需要直接引入扩展包即可

// 以 ECharts-GL 为例：

// 需要安装依赖：npm install --save echarts-gl，并添加如下引用

import 'echarts-gl'

// 注册组件后即可使用

vue.component('v-chart',ECharts)

网站地址:https://ecomfe.github.io/vue-echarts/demo/

GitHub:https://github.com/ecomfe/vue-echarts

网站描述:ECharts 的 Vue.js 组件

vue-echarts

官方网站：https://ecomfe.github.io/vue-echarts/demo/