Skip to content

Latest commit

 

History

History
521 lines (362 loc) · 39.3 KB

CHANGELOG.md

File metadata and controls

521 lines (362 loc) · 39.3 KB
Raw

4.1.0-beta.14 (2020-10-22)

Documentation Changes
New Features
  • G2 层支持 custom annotation html annotation (#2934) (6209203a)
  • annotation: add support for mean / median (#2922) (f8054857)
  • legend: set default maxItemWidth = 200 (#2889) (9e1b2585)
  • region-filter: add geometry life circle, after draw animate (#2879) (2738acb5)
Bug Fixes
Refactors
  • legend: legend update and render with same logic (#2890) (10666c0c)

4.1.0-beta.11 (2020-10-09)

New Features
  • legend: set default maxItemWidth = 200 (#2889) (9e1b2585)
  • region-filter: add geometry life circle, after draw animate (#2879) (2738acb5)
Bug Fixes
Refactors
  • legend: legend update and render with same logic (#2890) (10666c0c)

4.1.0-beta.10 (2020-09-28)

Chores
Documentation Changes
New Features
Bug Fixes
Other Changes
Tests

4.1.0-beta.1 (2020-09-02)

Chores
Documentation Changes
New Features
Bug Fixes

4.0.15 (2020-08-14)

Documentation Changes
New Features
  • background: 使用 shape 来绘制 dark 的背景色 (#2745) (6adbdbf4)
  • annotation: text annotation 提供 content 回调，将图表 filteredData 作为回调参数 (#2735) (0e4d1f12)
  • Tooltip supported customContent (#2739) (5dc5a36e)
  • add api-extractor for extract typescript declare file (#2725) (22620898)
  • pie-label: add pie-outer label layout (#2726) (d94157da)
Bug Fixes
Refactors
  • axis: axis update 包含有 create 逻辑,删除容易的 create 逻辑,简化代码 (#2741) (757e21d6)

4.0.14 (2020-07-27)

New Features
  • Polygon 为 polygon 添加 square shape，用于绘制正方形矩阵块，同时支持 size 通道映射
  • Facet 分面标题支持格式化
  • Legend 图例新增 maxItemWidth 属性，超出自动省略
  • Annotation annotation 中文本绘制能力增强，可设置自动缩略以及背景框
Bug Fixes
  • 坐标轴 verticalLimitLength 的参照物是画布 (#2692) (85d94fca)
  • 修复 'top-right' 类型的图例位置主题默认 maxItemWidth 不生效的问题

4.0.13 (2020-07-20)

Chores
Documentation Changes
New Features
  • path line area 三类 Geometry 支持 showSinglePoint 属性，用于支持单点孤立数据点的绘制 (#2666) (3f37f287)
Bug Fixes
Refactors

4.0.12 (2020-06-24)

Chores

  • 添加 lint-staged 配置 (#2600) (a776ddd1)

  • 优化 pre-commit hooks，github ci 服务太慢并且做不到强行约束，信息很容易忽略掉

Bug Fixes
  • highlight-by-x Action toggle() 失效的问题

4.0.11 (2020-06-18)

Documentation Changes
Bug Fixes
  • 2570: 修复 appendPadding 设置后，图表更新不断缩小的问题 (#2577) (402e7b01)
  • legend: 修改 legend 布局的宽高限制 (#2587) (055043f1)
  • error if chart destroyed during resize (#2547) (2290ed38)

4.0.10 (2020-06-09)

New Features
Bug Fixes

4.0.9 (2020-05-28)

New Features
Bug Fixes

4.0.8 (2020-05-18)

Documentation Changes
New Features
  • slider: add formatMask property (aac56a86)
  • interaction: use get method (78e2c32f)
Bug Fixes
  • 2365: 修复极坐标系圆弧坐标轴文本不响应坐标系 rotate 的问题 (#2424) (5c2bc3ff)
  • 2371: 修复未判断 labels 为空导致的饼图图例过滤错误 (#2422) (a30eb71f)
  • 2377: registerTheme 时，需要和基础主题进行合并 (#2416) (0c220765)
  • 2412: 修复 axis title offset 设置不生效的问题，默认自动计算 (#2417) (a220df31)
  • fix min/max value map to color (#2442) (b3d41214)

4.0.7 (2020-04-17)

Bug Fixes
  • do not set tooltip position when follow is false (62f5e279)
  • delegation: mouse leave failed (d3a30ed2)
  • element: 修复获取 state style 报错的问题 (320e22f0)

4.0.6 (2020-04-10)

New Features
  • view 上添加手势事件支持 (e4f74a22)
Bug Fixes
  • geometry: geometry.clear() 以及 destroy() 时要清空、销毁内部变量 (c89ff974)
  • #2272: 当映射数据中不存在 x 和 y 时，不绘制 label (df60733e)
Performance Improvements
  • 性能优化，详见 MR
Documentation Changes
  • 添加 Gestrue 手势使用文档 (2c459853)

4.0.5 (2020-04-08)

Bug Fixes
  • #2261: 修复 tooltip 数据查找补全的问题 (4b29feab)
  • #2241: 修改图表更新过程中，tooltip 未及时消失而出现内容为空的问题 (0e9e65f5)

4.0.4 (2020-04-03)

New Features
  • event: 添加 plot:enter 和 plot:leave 事件 (1f9b96be)
  • interaction:
  • view:
    • 支持 plot 上的移动事件触发 (4a86b08a)
    • 添加一些方法的别名，以兼容 3.x，但是这些方法将会在 4.1 版本中移除 (6356363a)
  • force-fit: add forceFit api for chart (719b61b3)
Bug Fixes
  • theme:
    • 修复主题切换后，Geometry 样式未更新的问题 (7e75a543)
    • 修复在 chart 构造函数中设置 theme 对象不生效的问题. Closed #2258 (6863a69f)
    • 移除 label 的描边，会带来性能损耗 (99b799d9)
  • 移除 coord.getRadius() 的 ts-ignore 注释 (a02b7316)
  • geometry: 修复层叠点图上下区间点全部绘制的问题。Closed #2202 (d7edf5e6)
  • view: 修复 syncScale() 调用时机不当导致分面渲染性能直线下降的问题 (d492c0ea)
  • #2264: 修复 canvas 样式导致的 resize 问题, 修复容器层级 (10200851)
  • #2232: fix 当 legend item 点击的时候, 图例项变少 (19ca46ff)
  • #2173: fix legend overlap when in same direction (59db3b59)
  • #2212: fix when slider option has no start or end (36a3b5db)
  • #2222: fix scale pool memory leak (7f23a4c0)
  • #2215: fix chart min size = 100 (e49646d3)
  • #2195: fix autoFit 不生效 (92d607ec)
Refactors
  • use unpkg other than browser field in package.json (0185949b)
  • theme: 移除注册样式表机制，只提供根据样式表生成主题的方法 (9b0020ad)
  • geometry: 将获取 shape 默认属性时机从 Element 绘制提到 Geometry getDrawCfg() (cf9b2f4f)
  • sync-scale: use Map for perf (76813745)

4.0.3 (2020-03-23)

New Features
  • axis: 支持转置极坐标坐标轴的渲染， Closed #1744 (67a8beb0)
  • scale: 支持用户指定确定数据 id 的字段 (25caa91f)
  • tooltip:
    • position 属性新增 'auto' 值配置，并作为默认值 (8c3fda47)
    • tooltip 体验优化，当鼠标离开 tooltip 内容框时，非 locked 状态自动隐藏 (9f8fcad2)
    • 通过 pointer-events 属性来达到 tooltip 躲避鼠标的交互效果 (2e750aa4)(d5f1e21c)
  • event: 添加 element:statechange 事件 (de161f49)
  • interaction: 新增 legend, axis highlight actions (ab256905)
  • action:
    • export getActionClass, extend action (db635b7e)
    • 添加 throttle 及 debounce 属性配置 (a7e9f18d)
  • export 所有的类型定义，生成对应的 API 文档 (219126ed)
Bug Fixes
  • label:
    • 修复极坐标下的第一个 label 对齐的问题 (8be4555d)
    • 修复漏斗图 label 问题：更新以及尖底漏斗图最后一个 label 的位置错误，Closed #1847 (cfd7c0a5)
    • 默认饼图 label 连接线颜色同图形元素颜色一致 (78323aae)
    • 修复 interval 类型 label 在转置直角坐标系下 position 计算错误问题 (39d02120)
  • tooltip:
    • 修复 tooltip markers 没有正确显示/隐藏的问题 (394dad27)
    • 修复 tooltip 数据为空时不隐藏的问题 (76edffdb)
    • 修复 tooltip 相同数据显示隐藏再显示时不展示的问题，Closed #2174, #2175 (c3357c1f)
  • Action:
    • active-region: 修复背景框计算错误的问题 (7b5f651b)
  • options: 修复 chart.updateOptions() 更新失败的问题 (b1dff91b)
  • event: 调整 afterpaint 的抛出时机 (f1f8206c)
  • geometry: 修复 element 打标策略导致的数据未被全部绘制的问题，Closed #2141 (071fa7c2)
  • data: 修复使用数据引用造成数据未更新的问题 (bb258fc6)
  • event 修复当鼠标在图表上页面无法滚动的问题，Closed #2111
Refactors
  • label:
    • 重构 GeometryLabel。将 labels 组件的生成渲染移入 GeomtryLabel 中 (4537b965)
    • 重构 Label 相关模块，将饼图 label 的布局调整到 LabelLayout 中 (402d6c52)
Chores
  • 更新图表演示实例，优化实现代码，同时新添加动态气泡图以及带坐标轴的极坐标下的层叠柱状图
2020-03-22 18-17-49.2020-03-22 18_20_32.gif image.png
Documentation Changes
  • 更新事件、交互以及 FAQ 文档

4.0.2 (2020-03-16)

New Features
  • 将 Util 在从 core.ts 移到 src/index.ts 下 (e8d05d16)
  • 添加一些矩阵变换相关的工具方法 (921a45f3)
  • interaction:
Bug Fixes
  • slider: when changeData, slider min max text should be update (b06c9ee3)
  • auto-fix: fix height when autoFit and container has padding (1102a4a7)
  • annotation: 修复 chart.annotation() 接口中 animateOption 属性不生效的问题，Closed #2146 (6a3ecba1)
  • scale: 修复日期正则表达式将 '20200229' 判断为 time 类型的问题, related #2115 (f31ccca7)

4.0.1 (2020-03-09)

Chores
New Features

4.0.0 正式发布 (2020-03-01)

作为图形语法（the Grammar of Graphics）的前端实现，G2 已经经历多个版本的迭代。本次 G2 4.0 是一个新的起点，我们对底层架构做了大量的重构工作，G2 会更加关注于：图形语法，交互语法以及可视化组件体系的建设。我们希望 G2 4.0 会成为一个专业的、给用户带来更多可能性的可视化底层引擎，在满足传统型统计图表需求的基础上，能够更好地赋能于（但不限于）：

  • 让开发者基于 G2 4.0 可以更快更好地封装上层图表库
  • 让交互式可视化更简单
  • 成为可视化领域的专业工具

虽然我们对 G2 内部进行了大规模的重构工作，包括数据处理流程（引入数据更新机制），图表组件，view 渲染更新逻辑以及事件、交互机制改造等，但是为了保障用户项目能够更平滑得升级，G2 4.0 保持了最大程度上的兼容，但是仍然有一部分 breaking change 需要注意。

变更说明

整体变化

  • 全面拥抱 TypeScript。
  • 全新的可视化组件：面向交互，体验优雅。
  • 强大的 View 模块：可单独使用，具备完备的可视化组件、事件，支持 View 嵌套以及自动布局。
  • 全新的交互语法。
  • 绘图引擎升级至 G 0.4 版本，支持双引擎切换。
  • 引入数据更新机制。
  • 动画机制改造，更细粒度，体验更好。
  • 模块化管理，提供更加灵活的扩展机制。

API 变更

G2 4.0 在功能上全面兼容 3.x 的功能，在 API 接口上，我们进行了一些优化，在最大程度兼容 3.x 语法的基础上，提供了对用户更加友好，更易理解的函数命名以及更合理的配置项结构，具体的变化记录如下：

不兼容改动
  • ❌ chart.source() 接口废弃，请使用 chart.data() 接口，同时列定义请通过 chart.scale()  接口进行定义。
  • ❌ chart.coord() 接口废弃，请使用 chart.coordinate()。
  • ❌ chart.guide() 接口废弃，请使用 chart.annotation()，同时不再支持 chart.guide().html()。
  • ❌ chart.view()  接口废弃，请使用 chart.createView()。
  • ❌ chart.interact()  接口废弃，请使用 chart.interaction()。
  • ❌ chart.repaint()  接口废弃，请使用 chart.render(update: boolean) 接口。
  • ❌ G2.Global 移除，默认的主题配置可以通过以下方式获取：
// 方式 1
import { getTheme } from '@antv/g2';
const defaultTheme = getTheme();

// 方式 2，通过 chart 示例获取当前主题
const theme = chart.getTheme();
  • ❌ geometry.active()  废弃，请使用 geometry.state() 接口。
  • ❌ geometry.select()  废弃，请使用 geometry.state() 接口。
  • ❌ geometry.opacity() 废弃，请使用 geometry.color()  中使用带透明度的颜色或者 geometry.style()  接口。
  • 以下语法糖不再支持：
    • ❌ pointJitter()  废弃，请使用 point().adjust('jitter')。
    • ❌ pointDodge()  废弃，请使用 point().adjust('dodge')。
    • ❌ intervalStack() 废弃，请使用 interval().adjust('stack')。
    • ❌ intervalDodge() 废弃，请使用 interval().adjust('dodge')。
    • ❌ intervalSymmetric() 废弃，请使用 interval().adjust('symmetric')。
    • ❌ areaStack() 废弃，请使用 area().adjust('stack')。
    • ❌ schemaDodge() 废弃，请使用  schema().adjust('stack')。
  • ❌ Venn  以及 Violin  几何标记暂时移除，后续考虑以更好的方式支持。
  • ❌ 移除 Interval 几何标记以下两个 shape: 'top-line' 及  'liquid-fill-gauge'，用户可以通过自定义 Shape 机制自己实现。
  • ❌ 移除 tail 类型的图例。
  • 内置常量重命名，一致使用小写 + '-' 命名规则，比如 shape('hollowCircle') 变更为 shape('hollow-circle')。
配置项以及接口变更

我们在 4.0 中对以下接口以及一些接口中的属性进行了部分变更，在兼容 3.x 原有功能的基础上，让配置项更具语义，同时结构更加合理，具体请参考 API 文档。

  • new Chart(cfg)  接口属性更新(新老接口对比)

  • chart.data()  接口不再支持 DataView 格式数据，只支持标准 JSON 数组，所以在使用 DataSet 时，要取最后的 JSON 数组结果传入 G2: chart.data(dv.rows);

  • 所有同绘图相关的配置全部定义在 style 属性中:

chart.axis('value', {
  label: {
    style: {
      textAlign: 'center',
    }, // 设置坐标轴文本样式
  },
  line: {
    style: {
      stroke: '#E9E9E9',
      lineDash: [3, 3],
    }, // 设置坐标轴线样式
  },
  grid: {
    line: {
      style: {
        lineDash: [3, 3],
      },
    }, // 设置坐标系栅格样式
  },
});
  • chart.tooltip() 配置项更新，同时将 G2 3.x 版本中一些针对特定图表的内置规则删除，需要用户自己通过提供的配置项进行配置，具体配置属性详见 API。
  • chart.legend()  配置项更新，详见 API。
  • chart.axis()  配置项更新，详见 API。
  • chart.annotation()  各个类型的 annotation 配置项更新，详见 API。
  • geometry().style() 方法的回调函数写法变更，不再支持一个配置属性一个回调的方式，而是使用一个回调：
style('a', (aVal) => {
  if (a === 1) return { fill: 'red' };
  return { fill: 'blue' };
});

详见 API。

  • geometry.label() 接口更新，不再支持 html 类型的 label，详见 API。