时间：2021-07-01 10:21:17 帮助过：32人阅读
Echarts 、 Remodal和Pikaday是我们在开发后台管理类网站时常用的三个第三方组件，本文主要给大家介绍了关于vue.js将echarts封装为组件一键使用的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。
控件演示
控件使用
概要
基于echarts的二次封装
由数据驱动
控件源码见src/components/charts
文档
props
| 属性 | 说明 | 类型 |
|---|---|---|
| _id | 图表唯一标识，当id重复将会报错 | String |
| _titleText | 图表标题 | String |
| _xText | x轴描述 | String |
| _yText | y轴描述 | String |
| _chartData | 图表数据 | Array |
| _type | 图表类型，提供三种(LineAndBar/LineOrBar/Pie) |
调用示例
实现方式
创建一个待渲染的dom
<template> <p :id="_id" class="chart"></p> </template>
绘制函数
挂载结束、数据源改变时重绘
相关推荐：
echarts实现的循环生成图效果示例分享
在vue中添加Echarts图表使用详解
Echarts用法详细介绍
以上就是vue.js将echarts封装为组件一键使用的详细内容，更多请关注Gxl网其它相关文章！