diff --git a/CHANGELOG.md b/CHANGELOG.md index ed270d3ca8..58a21be6d7 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,10 @@ +#### 4.0.5 (2020-04-08) + +##### Bug Fixes + +- **#2261:** 修复 tooltip 数据查找补全的问题 ([4b29feab](https://github.com/antvis/g2/commit/4b29feabbe664d413a17355002eb1b24e0e35553)) +- **#2241:** 修改图表更新过程中，tooltip 未及时消失而出现内容为空的问题 ([0e9e65f5](https://github.com/antvis/g2/commit/0e9e65f56f61cb4da73a1d08bc601ff3f10883d5)) + #### 4.0.4 (2020-04-03) ##### New Features diff --git a/docs/manual/concepts/visual-channel.en.md b/docs/manual/concepts/visual-channel.en.md index a180564342..006559256d 100644 --- a/docs/manual/concepts/visual-channel.en.md +++ b/docs/manual/concepts/visual-channel.en.md @@ -119,7 +119,7 @@ G2 中的视觉通道作为标记的属性存在，需要支持以下功能： 视觉通道在 G2 的语法中这样定义： -chart.(dims,[callback]) +`chart.(dims,[callback])` - geom，[图表类型](./geometry/overview)，在后面的章节中介绍。 - attr，图表类型的属性，对应视觉通道。 diff --git a/docs/manual/concepts/visual-channel.zh.md b/docs/manual/concepts/visual-channel.zh.md index a180564342..006559256d 100644 --- a/docs/manual/concepts/visual-channel.zh.md +++ b/docs/manual/concepts/visual-channel.zh.md @@ -119,7 +119,7 @@ G2 中的视觉通道作为标记的属性存在，需要支持以下功能： 视觉通道在 G2 的语法中这样定义： -chart.(dims,[callback]) +`chart.(dims,[callback])` - geom，[图表类型](./geometry/overview)，在后面的章节中介绍。 - attr，图表类型的属性，对应视觉通道。 diff --git a/docs/manual/tutorial/interaction.en.md b/docs/manual/tutorial/interaction.en.md index 6f2fdf7313..4e09a08b4b 100644 --- a/docs/manual/tutorial/interaction.en.md +++ b/docs/manual/tutorial/interaction.en.md @@ -88,14 +88,14 @@ chart.interaction('tooltip', { - isEnable(context): 是否可以触发 - callback(context): 触发后执行完所有 action 的方法后会调用回调函数 - once: boolean， 是否在一个环节内仅能执行一次 -- debounce: 延迟执行，有两个参数： +- debounce: 延迟执行，有两个参数： - wait: 等待时间 - immediate: 是否马上执行 - throttle 增加阈值，控制执行的频率 - wait: 等待时间 - leading: 是否马上执行 - trailing: 执行完毕后再执行一次 -debounce 和 throttle 的机制参考：https://css-tricks.com/debouncing-throttling-explained-examples/ + debounce 和 throttle 的机制参考：https://css-tricks.com/debouncing-throttling-explained-examples/ ### context 交互的上下文 @@ -233,6 +233,7 @@ registerInteraction('active-region', { ### view-zoom 鼠标滚动时，图表内部缩放，由于 mousewheel 触发的非常频繁，所以需要增加 throttle + ```js function isWheelDown(event) { event.gEvent.preventDefault(); @@ -241,19 +242,26 @@ function isWheelDown(event) { registerInteraction('view-zoom', { start: [ { - trigger: 'plot:mousewheel', isEnable(context) { + trigger: 'plot:mousewheel', + isEnable(context) { return isWheelDown(context.event); - }, action: 'scale-zoom:zoomOut', throttle: { wait: 100, leading: true, trailing: false } + }, + action: 'scale-zoom:zoomOut', + throttle: { wait: 100, leading: true, trailing: false }, }, { - trigger: 'plot:mousewheel', isEnable(context) { + trigger: 'plot:mousewheel', + isEnable(context) { return !isWheelDown(context.event); - }, action: 'scale-zoom:zoomIn', throttle: { wait: 100, leading: true, trailing: false } - } - ] + }, + action: 'scale-zoom:zoomIn', + throttle: { wait: 100, leading: true, trailing: false }, + }, + ], }); ``` - + + ### element-active @@ -619,6 +627,7 @@ registerInteraction('brush-visible', { ## Chart/View 的 Action Chart 和 View 上的 Action 用户控制视图的变化，目前支持的有： + - view-move - scale-translate - scale-zoom @@ -626,6 +635,7 @@ Chart 和 View 上的 Action 用户控制视图的变化，目前支持的有： ### view-move 用于移动 View 的位置，支持以下几个方法： + - start() 开始移动 - end() 结束移动 - move() 移动 @@ -634,12 +644,14 @@ Chart 和 View 上的 Action 用户控制视图的变化，目前支持的有： ### scale-translate 通过改变 scale 的位移，改变整个视图的位置变化，可以实现图表内部绘制区域的变化 + - start() 开始移动 - end() 结束移动 - translate() 修改 scale 的值 - reset() 回滚，恢复初始状态 ### scale-zoom + - zoomIn() 缩小 - zoomOut() 放大 - reset() 恢复 @@ -724,7 +736,9 @@ Element 的 Action 可以响应的触发源： - reset() 取消当前触发事件相关元素的 highlight ### element-range-highlight + 用于设置和取消图表元素的 highlight ，允许框选 highlight 有以下方法： + - start() 开始框选 - end() 结束框选 - highlight() 高亮框选内部的元素 @@ -735,6 +749,7 @@ Element 的 Action 可以响应的触发源： ### element-sibling-highlight 图表元素高亮时，对应的其他 view 的图形也同时高亮，这个 Action 是从 element-range-highlight 扩展出来的，可以配合 element-range-highlight 一起使用： + - highlight() 设置当前触发事件相关元素对应的其他 View 上的元素的 highlight - clear() 取消相关元素的 highlight @@ -744,6 +759,7 @@ Element 的 Action 可以响应的触发源： - filter() 过滤 - reset() 取消过滤 + ### element-link-by-color 用于连接相同颜色的图表元素，一般用于层叠柱状图，有以下方法： @@ -977,7 +993,9 @@ registerInteraction('element-brush', { - end() 结束框选 ### reset-button + 在画布右上角出现一个恢复按钮，按钮图形上有 name: 'reset-button'，仅有两个方法： + - show() 显示 - hide() 隐藏 diff --git a/docs/manual/tutorial/interaction.zh.md b/docs/manual/tutorial/interaction.zh.md index 6f2fdf7313..4e09a08b4b 100644 --- a/docs/manual/tutorial/interaction.zh.md +++ b/docs/manual/tutorial/interaction.zh.md @@ -88,14 +88,14 @@ chart.interaction('tooltip', { - isEnable(context): 是否可以触发 - callback(context): 触发后执行完所有 action 的方法后会调用回调函数 - once: boolean， 是否在一个环节内仅能执行一次 -- debounce: 延迟执行，有两个参数： +- debounce: 延迟执行，有两个参数： - wait: 等待时间 - immediate: 是否马上执行 - throttle 增加阈值，控制执行的频率 - wait: 等待时间 - leading: 是否马上执行 - trailing: 执行完毕后再执行一次 -debounce 和 throttle 的机制参考：https://css-tricks.com/debouncing-throttling-explained-examples/ + debounce 和 throttle 的机制参考：https://css-tricks.com/debouncing-throttling-explained-examples/ ### context 交互的上下文 @@ -233,6 +233,7 @@ registerInteraction('active-region', { ### view-zoom 鼠标滚动时，图表内部缩放，由于 mousewheel 触发的非常频繁，所以需要增加 throttle + ```js function isWheelDown(event) { event.gEvent.preventDefault(); @@ -241,19 +242,26 @@ function isWheelDown(event) { registerInteraction('view-zoom', { start: [ { - trigger: 'plot:mousewheel', isEnable(context) { + trigger: 'plot:mousewheel', + isEnable(context) { return isWheelDown(context.event); - }, action: 'scale-zoom:zoomOut', throttle: { wait: 100, leading: true, trailing: false } + }, + action: 'scale-zoom:zoomOut', + throttle: { wait: 100, leading: true, trailing: false }, }, { - trigger: 'plot:mousewheel', isEnable(context) { + trigger: 'plot:mousewheel', + isEnable(context) { return !isWheelDown(context.event); - }, action: 'scale-zoom:zoomIn', throttle: { wait: 100, leading: true, trailing: false } - } - ] + }, + action: 'scale-zoom:zoomIn', + throttle: { wait: 100, leading: true, trailing: false }, + }, + ], }); ``` - + + ### element-active @@ -619,6 +627,7 @@ registerInteraction('brush-visible', { ## Chart/View 的 Action Chart 和 View 上的 Action 用户控制视图的变化，目前支持的有： + - view-move - scale-translate - scale-zoom @@ -626,6 +635,7 @@ Chart 和 View 上的 Action 用户控制视图的变化，目前支持的有： ### view-move 用于移动 View 的位置，支持以下几个方法： + - start() 开始移动 - end() 结束移动 - move() 移动 @@ -634,12 +644,14 @@ Chart 和 View 上的 Action 用户控制视图的变化，目前支持的有： ### scale-translate 通过改变 scale 的位移，改变整个视图的位置变化，可以实现图表内部绘制区域的变化 + - start() 开始移动 - end() 结束移动 - translate() 修改 scale 的值 - reset() 回滚，恢复初始状态 ### scale-zoom + - zoomIn() 缩小 - zoomOut() 放大 - reset() 恢复 @@ -724,7 +736,9 @@ Element 的 Action 可以响应的触发源： - reset() 取消当前触发事件相关元素的 highlight ### element-range-highlight + 用于设置和取消图表元素的 highlight ，允许框选 highlight 有以下方法： + - start() 开始框选 - end() 结束框选 - highlight() 高亮框选内部的元素 @@ -735,6 +749,7 @@ Element 的 Action 可以响应的触发源： ### element-sibling-highlight 图表元素高亮时，对应的其他 view 的图形也同时高亮，这个 Action 是从 element-range-highlight 扩展出来的，可以配合 element-range-highlight 一起使用： + - highlight() 设置当前触发事件相关元素对应的其他 View 上的元素的 highlight - clear() 取消相关元素的 highlight @@ -744,6 +759,7 @@ Element 的 Action 可以响应的触发源： - filter() 过滤 - reset() 取消过滤 + ### element-link-by-color 用于连接相同颜色的图表元素，一般用于层叠柱状图，有以下方法： @@ -977,7 +993,9 @@ registerInteraction('element-brush', { - end() 结束框选 ### reset-button + 在画布右上角出现一个恢复按钮，按钮图形上有 name: 'reset-button'，仅有两个方法： + - show() 显示 - hide() 隐藏 diff --git a/package.json b/package.json index b7ae444d62..881c5fd21a 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@antv/g2", - "version": "4.0.4", + "version": "4.0.5", "description": "the Grammar of Graphics in Javascript", "main": "lib/index.js", "module": "esm/index.js", diff --git a/src/core.ts b/src/core.ts index ed7a37448b..37b85aa5ee 100644 --- a/src/core.ts +++ b/src/core.ts @@ -1,6 +1,6 @@ /* G2 的一个壳子，不包含 Geometry，由开发者自己定义和引入 */ -export const VERSION = '4.0.4'; +export const VERSION = '4.0.5'; // 核心基类导出 export { Chart, View, Event } from './chart'; // Chart, View 类