2022-07-19
2022-07-13
- 🐞 修复 umd 不可用
2022-07-12
- 🔥 文件目录命名风格统一
@ant-design/maps
Heatmap 重命名为 GeographicHeatmap- 支持自定义 anchor
- 🆕 OrganizationGraph 支持自定义 anchor
- 🐞 修复 scaleToolbarPanelProps 为空时出错
- 🐞 修复流程图保存数据失败
2022-03-22
- 🆕 Flowchart 阅读态完善,支持取消键盘事件和画布事件
- 🆕 Graph 支持自定义布局
- 🐞 修复 TS 类型错误
2022-01-25
2022-01-07
- 🆕 官网示例更新
- 🐞 修复 interaction tooltip 导致页面崩溃
- 🐞 修复 OrganizationGraph 接口和实现不一致
2021-12-24
- 🆕 新增 Venn 图
- 🆕 主包导出 flowchart 样式文件
- 🆕 新增 PR 巡检
- 🐞 修复官网示例
2021-12-07
- 🐞 修复 peerDependencies
2021-11-26
- 🆕 CDN 引入变量重命名
- window.charts -> window.Charts
- window.plots -> window.Plots
- window.maps -> window.Maps
- window.graphs -> window.Graphs
2021-11-25
- 🆕 新增流程图 Flowchart
流程图除 react
、react-dom
外,还依赖 antd
、@ant-design/icons
、lodash
,使用时确保已经安装,同时记得引入样式文件 import "@ant-design/flowchart/dist/index.css";
"peerDependencies": {
"@ant-design/icons": "^4.6.0",
"antd": "^4.6.3",
"lodash": "^4.17.20",
"react": ">=16.8.4",
"react-dom": ">=16.8.4"
}
import { Flowchart } from '@ant-design/charts';
import "@ant-design/flowchart/dist/index.css";
- 🆕 新增地理可视化 Maps
- 🆕 新增 CirclePacking
- 🆕 Ant Design Charts 完成拆包,推荐使用子包
- 统计图表:@ant-design/plots
- 流程图:@ant-design/flowchart
- 地理可视化:@ant-design/maps
- 关系图:@ant-design/graphs
2021-07-27
- 🆕 DagreGraph 新增 card 类型。
- 🐞 修复 FlowAnalysisGraph 类型错误。
- 🐞 修复 autoFit 布局偏移。
2021-07-20
-
新增资金流向图(FundFlowGraph): 支持节自定义;展开收起;边、节点格式化配置等。
-
FlowAnalysisGraph 、DecompositionTreeGraph 新增 badge 配置
-
关系图支持默认节点类型
-
indicator-card
新增LR
布局
- 修复 FlowAnalysisGraph 、DecompositionTreeGraph 空数据报错
2021-07-20
- 🐞 旧 Graph 节点注册
- 🐞 修复 FlowAnalysisGraph 空数据异常
2021-07-20
- 🆕 FlowAnalysisGraph layout 新增
follow
- 🆕 Graphs ArrowCfg 新增 size
- 🆕 Graphs 默认值&文档优化
图组件全新 API ,新增&优化多个图组件,新增交互、节点自定义等。调整目录结构,类型引入定义更简单。
新增节点、边交互状态,来源去向图、组织架构图、指标拆解树支持自定义节点,节点、边个性化设置,更灵活。
FlowAnalysisGraph
OrganizationGraph
DecompositionTreeGraph
RadialTreeGraph
调整目录结构带来不兼容
旧:
import { Line } from '@ant-design/charts';
import { LineConfig } from '@ant-design/charts/es/line';
新:
import { Line, LineConfig } from '@ant-design/charts';
旧:
import Line from '@ant-design/charts/es/line';
新:
import Line from '@ant-design/charts/es/plots/line';
由于目前 API 做了升级,还没来得及升级的图表暂时不在官网透出,但任然可以正常使用,也可以在官网访问。
只需手动输入网址即可。
// 组件名为中划线格式
https://charts.ant.design/zh-CN/demos/ + 组件名
// OrganizationalGraph
https://charts.ant.design/zh-CN/demos/organizational-graph
2021-06-29
- 🐞 修复 useGraph props 丢失,导致更新失败。
2021-06-28
- 🆕 OrganizationalGraph 新增 Title。
2021-06-24
- 🐞 修复 onReady & onEvent 类型错误。
- ContainerOptions 统一为 ContainerConfig,并从 src/hooks/useChart 动到 src/interface 。
2021-06-17
- 🐞 修复 graph autoFit 不生效。
- 🆕 新增 Violin 文档。
2021-06-15
- 🆕 新增 Facet。
- 🆕 新增 Violin 组件,文档暂未透出。
2021-06-14
- 🐞 所有图表 ts 类型统一。
- ContainerProps to ContainerConfig.
- RelationGraph to CommonConfig.
- IndentedTreeProps to IndentedTreeGraphConfig.
- OrganizationTreeProps to OrganizationalGraphConfig.
2021-06-14
- 🆕 新增 RadialGraph。
- 🆕 IndentedTreeGraph 新增 markerPosition 功能,配合布局使用。
- 🐞 修复 OrganizationalGraph 不支持线文本配置。
2021-06-11
- 🆕 新增 OrganizationalGraph。OrganizationTreeGraph 的升级版,OrganizationTreeGraph 后续不在官网透出。
- 🐞 修复 OrganizationTreeGraph changeData 布局出错。
2021-06-10
- 🐞 大小写问题
2021-06-09
- 🐞 合理化文件路径。
- 🆕 IndentedTreeGraph 新增 animate 配置。
2021-06-07
- 💄 CDN 使用方式 charts_g6 改名为 graphs
2021-06-04
- 🐞 修复引用类型,数据不更新。
2021-06-04
- 🐞 修复 IndentedTreeGraph ts 类型出错。
2021-06-01
- 🆕 新增 IndentedTreeGraph, 功能类似 IndentedTree ,IndentedTree 不再官网继续透出,功能保留。
- 🆕 关系图内置
grahpId
, 默认支持一个页面使用多个关系图。 - 🆕 关系图新增
loading
、onReady
、loadingTemplate
等 props.
2021-05-14
- 🔥 已经废弃 MultiView ,更名为 Mix ,MultiView 继续保留,但不在文档透出。
2021-04-28
- 🔥 默认支持按需加载 #475
2021-04-12
- 🐞 修复更新逻辑,config immutable 避免底层修改 config 后出现重复更新。
- remname: history -> CHANGELOG
- fix: graph layout and changeData error
- 文档更新 #545
- feat: 新增弦图(Chord) #545
- fix: fund flow graph with large slope edges #540
- fix: 兼容 React17 #542
- 导出 G2Plot 相关 function #545
- flow
- measureTextWidth
- adaptors
- 新增瀑布图
- 底层依赖架构全新升级
- 新增全量 API
- 持续迭代
- 新增 onlyChangeData props 用于控制 changeData 。
- tooltip 添加 ReactNode 支持。
- 提供额外 API : downloadImage()、toDataURL() 。
- 新增 memoData props 用于控制 rerender 。
新增图表
- column-line
- dual-line
- groupedColumn-line
- stackedColumn-line
删除图表
- OverlappedComboPlot
修改 props 属性名,chartStyle => style。