Vue-ECharts v6 发布了

Chase620 等级 634 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
🎉无人维护?官方打脸:Element UI for Vue 3.0 来了!🎊
Element 开发团队宣布正式发布 Element Plus 的首个 beta 版本,Element Plus 是 Element 对 Vue 3.0 的升级适配。此前网上有传言称 Element 无人维护,Element UI 也不会支持 Vue 3.0,这次官方出来打脸了。 image(https://imghelloworld.ossc
vue-toy: 200行代码模拟Vue实现
vuetoy 200行左右代码模拟vue实现,视图渲染部分使用React来代替Sanbbdom,欢迎Star。 项目地址:https://github.com/bplok20010/vuetoy(https://github.com/bplok20010/vuetoy) codesandbox示例(https://codes
前端组件/库打包利器rollup使用与配置实战
目前主流的前端框架vue和react都采用rollup来打包,为了探索rollup的奥妙,接下来就让我们一步步来探索,并基于rollup搭建一个库打包脚手架,来发布自己的库和组件。 (https://imghelloworld.osscnbeijing.aliyuncs.com/imgs/16cb1c297071015523fb08d9e0f
基于Vue实现一个有点意思的拼拼乐小游戏
笔者去年曾写过一个类似的拼拼乐小游戏,技术栈采用自己的Xuery框架和原生javascript实现的,脚手架采用gulp来实现,为了满足对vue的需求,笔者再次使用vue生态将其重构,脚手架采用比较火的vuecli。 前言 为了加深大家对vue的了解和vue项目实战,笔者采用vue生态来重构此项目,方便大家学习和探索。技术栈如下: vuecli4
从零开发一款可视化大屏制作平台
几个月前开源的H5页面制作平台H5Dooring(http://h5.dooring.cn/) 收到了很多热心的反馈和交流, 顺着笔者之前的规划, 我们又做了一款可视化大屏编辑器V6.Dooring(https://github.com/MrXujiang/v6.dooring.public). 接下来笔者就来带大家一起看看我们的方案设计和技术实现
一文搞懂什么是HTTP与HTTPS
(https://blog.csdn.net/petterp/article/details/102779257)Http与Https的区别。 在最近的开发中,深感网络相关基础知识薄弱,于是趁周末好好总结一
20 张图彻底弄懂 HTTPS 的原理
前言 近年来各大公司对信息安全传输越来越重视,也逐步把网站升级到 HTTPS 了,那么大家知道 HTTPS 的原理是怎样的吗,到底是它是如何确保信息安全传输的?网上挺多介绍 HTTPS,但我发现总是或多或少有些点有些遗漏,没有讲全,今天试图由浅入深地把 HTTPS 讲明白,相信大家看完一定能掌握 HTTPS 的原理,本文大纲如下: HTTP 为什么不安全
Vue-ECharts v6 发布了
VueECharts v6 发布了 顾轶灵(https://imghelloworld.osscnbeijing.aliyuncs.com/8d8aeff23db1235120d0454728504ee5.jpeg)(https://www.zhihu.com/people/justineo)
Vue源码起步
搞事!搞事! 截止2017.5.16,终于把vue的源码全部抄完,总共有9624行,花时大概一个月时间,中间迭代了一个版本(2.22.3),部分代码可能不一致,不过没关系! 上一个链接https://github.com/pflhm2005
前端技术栈:5分钟入门VUE+Element UI
目录前端技术栈:5分钟入门VUEElement UI前言2021了,VUE都出3.0了,还不开始学习VUE?那不是一个全栈攻城狮的自我修养,虽然VUE出3.0了,但是入门还是建议VUE2.0 Element UI,毕竟3.0还要等养肥了在学,现在教程太少,学习2.0之后在学3.0也能更加理解为什么要这么去改进VUE是啥?简单来说就是
介绍 | Vue3中文文档
已经了解 Vue 2,只想了解 Vue 3 的新功能可以参阅 Vue.js 是什么Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与以及各种 结合使用时
30 道 Vue 面试题,内含详细讲解(涵盖入门到精通,自测 Vue 掌握程度)
30 道 Vue 面试题,内含详细讲解(涵盖入门到精通,自测 Vue 掌握程度)(https://www.zhihu.com/people/huobodexiaobaiyang).css1cd9gw4{marginleft:.3em;}545 人赞同了该文章前言
https://cloud.tencent.com/developer/article/write/1830331
一、目标今天的目标是这个sign和appcode 二、步骤 Jadx没法上了app加了某梆的企业版,Jadx表示无能为力了。 FRIDADEXDumpDexDump出来,木有找到有效的信息。 Wallbreaker葫芦娃的Wallbreaker可以做些带壳分析,不过这个样本,用Frida的Spawn模式可以载入,Attach模式会失败。而直接用Objecti
vue项目无配置文件解决方案
问题在开发vue项目时,需要重新设置项目的启动端口,发现项目目录中并没有相关的配置文件【config目录】vue脚手架版本【通过vue version查询】:@vue/cli 4.5.13解决方案在vue项目根目录下创建vue.config.js配置文件vue.config.jsmodule.exports devServer: d