Vue-ECharts v6 发布了

Chase620 等级 1172 0 0
标签: vuehttps前端

Vue-ECharts v6 发布了

Vue-ECharts v6 发布了

顾轶灵

前端开发等 3 个话题下的优秀答主

107 人赞同了该文章

了解 ECharts 的同学应该知道,ECharts 在近期发布了 5.0 新版本,在多个方面都有了很多改进。之前看到 @逍为 发布了新版本的 ECharts for React,可能也会有同学好奇 Vue 版本的组件什么时候可以更新,所以在发布了若干个 beta 版本以后,我觉得也差不多可以发出发布公告了。

GitHub: ecomfe/vue-echarts
Demo: Vue.js component for Apache ECharts.

主要变化

  • 基于新发布的 Apache ECharts 5
  • 同时支持 Vue 2 / 3
  • 使用 TypeScript 开发

迁移指南

参见_迁移到 v6_。

关于新版本

同时支持 Vue 2 / 3

基于 @Anthony Fuvue-demi 项目开发,是开发兼容 Vue 2 / 3 项目的必备工具。原理是通过 postinstall 脚本自动根据环境 Vue 版本切换对应引用并抹平模块接口差异。

对齐 ECharts 接口

在之前的版本中,Vue-ECharts 稍微修改了一些 ECharts 对外暴露的参数、方法名称(比如将 option 改为 options),而在新版本中,我们决定回归 ECharts 原本的接口,使开发者在查阅文档时可以直接对应 ECharts 的文档而不会感到困惑。

提供 provide 注入能力

对于图表的常见设置:初始化配置(init 参数)、更新配置(setOption 参数)、加载配置(showLoading 参数)、主题),新版本 Vue-ECharts 提供了在上层统一 provide 配置的能力,同时支持单个组件通过 prop 覆盖,以提供更好的便利性。

默认样式

之前版本中,我们提供了 600×400 的默认尺寸,但这个尺寸往往需要用户手动覆盖,而且通过 CSS 覆盖样式的用户还需要特别注意选择器的优先级,之前也有遇到过因为打包前后样式顺序差异导致的问题。新版本中,我们将默认尺寸修改为 100%×100%,并且通过一个自定义标签定义,这样用户只需要写单 class 选择器就能可靠地重写组件的默认样式了。

最后

欢迎大家尝试使用新版本,并且通过 GitHub issue 反馈问题和建议。

编辑于 03-08

本文转自 https://zhuanlan.zhihu.com/p/355180255,如有侵权,请联系删除。

收藏
评论区

相关推荐

【官宣】Vue 3.0 发布!
Vue 团队于 2020 年 9 月 18 日晚 11 点半发布了 Vue 3.0 版本,我们连夜对 Release 进行了翻译。由于时间仓促,文中如有翻译不当的地方还望提出。如有侵权,请联系删帖。以下为译文正文。 原文:https://github.com/vuejs/vuenext/releases 作者:Vue 团队 译文:https://zh
从零开发一款可视化大屏制作平台
几个月前开源的H5页面制作平台H5Dooring(http://h5.dooring.cn/) 收到了很多热心的反馈和交流, 顺着笔者之前的规划, 我们又做了一款可视化大屏编辑器V6.Dooring(https://github.com/MrXujiang/v6.dooring.public). 接下来笔者就来带大家一起看看我们的方案设计和技术实现
Vue-ECharts v6 发布了
VueECharts v6 发布了 顾轶灵(https://imghelloworld.osscnbeijing.aliyuncs.com/8d8aeff23db1235120d0454728504ee5.jpeg)(https://www.zhihu.com/people/justineo)
Vite使Vue CLI过时了吗?
![](https://oscimg.oschina.net/oscnet/b9aed6aa-9d14-4fd3-82b8-e1724221ee71.jpg) **文末福利资源更新** Vue生态系统中有一个名为Vite的新构建工具,它的开发服务器比Vue CLI快10-100倍。 这是否意味着Vue CLI已经过时了?在本文中,我将比较这两种构
10分钟阅读一篇关于Vue
![file](https://oscimg.oschina.net/oscnet/up-4f8ccb1755bb73c4ffe6a7ba91253ddc.jpg "file") Vue-cli Vue脚手架的基本用法,vue脚手架用于快速生成vue项目基础架构: 地址: https://cli.vuejs.org/zh/ 使用方式,安装3.x版本
2016我的心路历程:从 Vue 到 Webpack 到 iView
> 2016年工作中做过最自豪的两件事情: * 把 Vue.js 和 Webpack 技术栈引进公司并逐步成为前端规范; * 开源 [iView](https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fgithub.com%2Fiview%2Fiview) 项目。 初识 Vue ===
2016我的心路历程:从 Vue 到 Webpack 到 iView
> 2016年工作中做过最自豪的两件事情: * 把 Vue.js 和 Webpack 技术栈引进公司并逐步成为前端规范; * 开源 [iView](https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fgithub.com%2Fiview%2Fiview) 项目。 初识 Vue ===
Electron开发使用Vue Devtools
转自 \[[https://orchidflower.oschina.io/2017/03/29/Using-Vue-Devtools-in-Electron/](https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Forchidflower.oschina.io%2F2017%2F03%2F29
Go 程序利用 ElasticSearch 游标 Scroll 实现海量数据分页查询
![](https://oscimg.oschina.net/oscnet/59b2d5a4de1aa55f71bd4504157460e74e5.png) **加关注,不迷路!** ![](https://oscimg.oschina.net/oscnet/796820ceff8f6d91a9c62dbfc726967dde4.png) 环境
Linux简单安装Node.js
\###### 理论通用 <br/>最近闲来无聊。打算把博客迁移到本地服务器。 于是就有了这篇文章。<br/> 其实我写这段话只是为了凑字数而已…… \--- \##### 安装Node.js和npm . 下载Node.js \`\`\` wget https://npm.taobao.org/mirrors/node/la
Vue CLI 3搭建vue+vuex 最全分析
一、介绍 ==== Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件: **CLI**:`@vue/cli` 全局安装的 npm 包,提供了终端里的vue命令(如:vue create 、vue serve 、vue ui 等命令) **CLI 服务**:`@vue/cli-service`是一个开发环境依赖。构建于 [we
Vue 开发必须知道的 36 个技巧
![](https://oscimg.oschina.net/oscnet/b77f0c050deecad634f32cd1bb74d303512.jpg) 作者: 火狼 https://segmentfault.com/a/1190000020620972 关注Vue中文社区,每日精选好文 前言 ==
Vue 插件和Preset
![](https://oscimg.oschina.net/oscnet/9a82beb6cf427f7bf1fc935bdaef52a132e.jpg) ![](https://oscimg.oschina.net/oscnet/96972d7ce7f148aa5484088bfe9ab043c7c.jpg) 插件和Preset
vue echarts vue
1、git地址 [https://github.com/ecomfe/vue-echarts](https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fgithub.com%2Fecomfe%2Fvue-echarts) 2、使用 (1)安装 npm install vue-echa
用了HTTPS,没想到还是被监控了
大家好,我是周杰伦。上周,微信里有个小伙伴儿给我发来了张图:我一瞅,是HTTPS啊!没用HTTP!再一瞅,是www.baidu.com啊,不是什么山寨网站!我瞬间明白了些什么,让他点击了一下浏览器地址栏中那个表示安全的小锁标志,查看了一下网站使用的HTTPS证书。果然不出我之所料,证书不是官方的,官方的证书长这样:而那个假的证书是他们公司签发的,看来,他们公