热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

ECharts4.8.0发布

ApacheECharts(incubating)于2020.05.25正式发布4.8.0版本。https:github.comapacheincubator-echartsreleasestag4.8.0sreleasestag4.8.0我们修复了半个像素的bug!由于实际绘制的位置不是整

Apache ECharts (incubating) 于 2020.05.25 正式发布 4.8.0 版本。

https://github.com/apache/incubator-echarts/releases/tag/4.8.0s/releases/tag/4.8.0

我们修复了半个像素的 bug!

由于实际绘制的位置不是整数,导致两个绘制的图形直接存在小于 1 像素的间隙,会错误地得到这样的热力图效果——

ECharts 4.8.0 发布

在 4.8.0 版本中,这一 bug 在 #12342 得到了修复。类似地,#12393 修复了一个同样是像素小数点引起的 clipPath 的问题。

小伙伴们自己在使用 Canvas 绘制的时候,也应该考虑像素的取整问题,避免引起类似的 bug。

支持 symbolRotate 的回调函数形式

散点图与涟漪散点图的 symbolRotate 配置项现已支持回调函数形式。也就是说,可以根据数据或其他参数,更灵活地指定散点图形的旋转角度了。

通过回调函数方式,可以做出一些特别的视觉效果——

ECharts 4.8.0 发布

var data = [];
for (let i = 0; i <20; ++i) {
    data.push([i, i * 20 + Math.round(Math.random() * 80)]);
}
var option = {
    title: {
    },
    xAxis: {},
    yAxis: {},
    series: [{
        type: 'scatter',
        symbol: 'rect',
        symbolSize: function (value, params) {
          return params.dataIndex * 1.5 + 5;  
        },
        symbolRotate: function (value, params) {
          return params.dataIndex / data.length * 90;
        },
        data: data
    }]
};

支持 SVG 渲染模式下,点击 toolbox 下载 SVG 文件

如果图表采用 SVG 模式渲染,并且在 toolbox 中定义了下载按钮(saveAsImage),那么用户点击下载后,就会下载为 SVG 文件了。

4.8.0 完整 Changelog

  • [Feature] [toolbox] 支持 SVG 渲染模式下 toolbox 下载成 SVG 文件。#12144 (Zhang Wenli)
  • [Feature] 加载动画支持更多配置参数。#12414 (Yu Feng)
  • [Feature] symbolRotate 支持回调函数。#12348 #12354 (plainheart)
  • [Feature] [axis] 坐标轴中的 min, max 在回调函数的时候,可以返回 null 空继续使用默认值。#11829 (Su Siwen), #12371 (Su Shuang)
  • [Feature] [geo] 添加 nameProperty 配置支持指定 GeoJSON 数据中的名字字段。#12156 (alex2wong)
  • [Fix] [sankey] 修复桑基图边无法触发 tooltip 的问题。#12011 (Su Siwen)
  • [Fix] [sankey] 修复桑基图在边数据为 0 的时候节点无法显示的问题。#12191 (Su Siwen), #12472 (Su Shuang)
  • [Fix] [treemap] 修复矩形树图中回调函数参数不全的问题. #11854 (Su Siwen, Su Shuang)
  • [Fix] [calendar] 修复夏令制时区用户使用日历图的问题. #12172 (mikeyshing88), #12466 (Su Shuang)
  • [Fix] [line] 修复带有阴影和渐变的折线图在数据大范围变动时动画可能导致 safari 崩溃的问题。#12410 (Shen Yi)
  • [Fix] [line] 修复 chromium 中尺寸大于 18000px 的图表 clip 的问题. #12393 (Zhan Fang)
  • [Fix] [pie] 修复饼图中关闭动画后标签可能不显示的问题. #12243 (Zhang Wenli)
  • [Fix] [title] 修复链接使用'_blank'潜在的安全问题. #12380 (Su Siwen)
  • [Fix] [geo] 修复通过地图中通过setOption修改center, zoom属性没有动画过渡的问题. #12340 (Zhang Wenli)
  • [Fix] [heatmap] 优化热力图的显示,移除可能出现的 1 像素白线. #12342 (SnailSword)
  • [Fix] [sunburst] 修复旭日图中默认的淡出样式无效的问题. #12264 (Shen Yi)
  • [Fix] [visualMap] 开启的 minOpen 和 maxOpen 现在改为不被计入分段列表. #12147 (Su Siwen)
  • [Fix] [bmap] [extension] 修复在百度地图扩展中使用渐进渲染中,可能无法清除图表的问题. (Shen Yi)
  • [Fix] [bmap] [extension] 修复多余的刷新问题.#12411 (Shen Yi)

 

此外,Apache ECharts (incubating) 的下一个大版本 5.0 正在紧锣密鼓地开发中,感兴趣的小伙伴可以在邮件列表下参与我们的讨论。

感兴趣参与 ECharts 社区贡献,想了解如何成为 ECharts Committer 的,可以查看——https://zhuanlan.zhihu.com/p/98033345。


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 我们


推荐阅读
  • 百度地图离线开发demo(热力图)
    热力图主要用了bmplib插件,initMap(){this.mapnewBMap.Map(myMap);constpointnewBMap.Point(118.13 ... [详细]
  • Grafana 9 正式发布
    grafa ... [详细]
  • 云原生边缘计算之KubeEdge简介及功能特点
    本文介绍了云原生边缘计算中的KubeEdge系统,该系统是一个开源系统,用于将容器化应用程序编排功能扩展到Edge的主机。它基于Kubernetes构建,并为网络应用程序提供基础架构支持。同时,KubeEdge具有离线模式、基于Kubernetes的节点、群集、应用程序和设备管理、资源优化等特点。此外,KubeEdge还支持跨平台工作,在私有、公共和混合云中都可以运行。同时,KubeEdge还提供数据管理和数据分析管道引擎的支持。最后,本文还介绍了KubeEdge系统生成证书的方法。 ... [详细]
  • 使用在线工具jsonschema2pojo根据json生成java对象
    本文介绍了使用在线工具jsonschema2pojo根据json生成java对象的方法。通过该工具,用户只需将json字符串复制到输入框中,即可自动将其转换成java对象。该工具还能解析列表式的json数据,并将嵌套在内层的对象也解析出来。本文以请求github的api为例,展示了使用该工具的步骤和效果。 ... [详细]
  • 本文介绍了一些Java开发项目管理工具及其配置教程,包括团队协同工具worktil,版本管理工具GitLab,自动化构建工具Jenkins,项目管理工具Maven和Maven私服Nexus,以及Mybatis的安装和代码自动生成工具。提供了相关链接供读者参考。 ... [详细]
  • Android日历提醒软件开源项目分享及使用教程
    本文介绍了一款名为Android日历提醒软件的开源项目,作者分享了该项目的代码和使用教程,并提供了GitHub项目地址。文章详细介绍了该软件的主界面风格、日程信息的分类查看功能,以及添加日程提醒和查看详情的界面。同时,作者还提醒了读者在使用过程中可能遇到的Android6.0权限问题,并提供了解决方法。 ... [详细]
  • Carve库在Visual Studio2015中的编译方法及注意事项
    本文介绍了在Visual Studio2015中编译Carve库的方法及注意事项。首先下载Carve库,并使用Visual Studio2015打开,生成后在bin目录下会生成.lib文件。同时,本文还指出了之前在Visual Studio2017中编译的问题,并提醒需要根据对应的平台进行编译,否则会出现报错。详细的步骤和注意事项请参考原文链接。 ... [详细]
  • Java如何导入和导出Excel文件的方法和步骤详解
    本文详细介绍了在SpringBoot中使用Java导入和导出Excel文件的方法和步骤,包括添加操作Excel的依赖、自定义注解等。文章还提供了示例代码,并将代码上传至GitHub供访问。 ... [详细]
  • 1、工具VS2015OpenCV3.20下载地址:https:sourceforge.netprojectsopencvlibrary2、步骤1.下载工具ÿ ... [详细]
  • 我正在尝试将Firebase添加到涉及添加以下内容的现有应用程序中:classpath'com.googl ... [详细]
  • 这篇文章给大家介绍怎么从源码启动和编译IoTSharp ,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。IoTSharp项目是 ... [详细]
  • 小程序引入外部文件的方式是:import**.wxss;因为业务需要,正在开发的小程序中需要使用iconfont,很容易想到了H5的引 ... [详细]
  • Pygal,可导出矢量图的Python可视化利器
    Python有很多优秀的可视化库,其中有名的像matplotlib、seaborn、plotly,可以绘制出各式绚丽的图表。这次介绍一个不那么广为人知 ... [详细]
  • Aavegotchi 创始人 Jesse Johnson:100% 的 Web3 游戏才是令人兴奋的
    Aavegotchi 创始人 Jesse Johnson:100% 的 Web3 游戏才是令人兴奋的 ... [详细]
  • python polygon函数_Python也能绘制艺术画?这里有一个完整教程
    介绍我们知道Python作为一个程序语言,讲究的是严谨和逻辑;而艺术画似乎处于另一个维度,更多是无规则和随心所欲。然而我们却可以找到两者的 ... [详细]
author-avatar
感性的拉蕾啊拉蕾丶Renata
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有