2020-06-23vue中使用echarts

第一步:安装echarts和vue-echarts包。

npm install echarts,vue-echarts

第二步:引入ECharts组件和图标相关依赖。

import ECharts from "vue-echarts/components/ECharts"

// 柱状。

import "echarts/lib/chart/bar";

// 饼状。

import "echarts/lib/chart/pie";

// 题目。

import "echarts/lib/component/title"

// 说明图标。

import 'echarts/lib/component/legend'

// 提示。

import "echarts/lib/component/tooltip" 

// 坐标。

import 'echarts/lib/component/polar'

第三步:引入echars依赖数据并赋值给组件。

  

    

    

    

  

你可能感兴趣的:(2020-06-23vue中使用echarts)