2022-05-23 echarts二次封装组件的使用说明（以柱状图表为示例）
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了2022-05-23 echarts二次封装组件的使用说明（以柱状图表为示例）相关的知识，希望对你有一定的参考价值。
参考技术A 示例如下：日常写法示例： <Bar :etype="7" :chartId="'Performance2'" :echartData="pageObj.part2"></Bar> 说明：使用预定义option7为echart的预定义option类型，echartData指定图表数据
详细写法，示例如下：（区别：多了color、grid、label、legend、xAxis、yAxis、dataZoom这几项option的附加修改）
Vue封装echarts组件
参考技术A 1、最近做的项目是后台管理系统，里面含有各种的echarts的图标，一般的图表都是比较好绘制的，稍微比较难的世界地图和中国地图的绘制。
在vue中引入echarts，分两种情况引入，一种值npm安装包，另一种是cdn外部引入，但是这个对于一般的echarts绘制是没有影响的。
首先安装echarts依赖
你可选择全局导入，也可以在需要的页面导入。全局的话，在main.js里面，然后就可以变成全局的了，就不需要在局部引进echarts了
页面引用
最后利用混合混入，实现图表自适应的效果
以上是关于2022-05-23 echarts二次封装组件的使用说明（以柱状图表为示例）的主要内容，如果未能解决你的问题，请参考以下文章