问题
Chart 组件
- Chart 组件 forceFit 属性改为 autoFit;
- Chart 组件新增 pure 属性,以前 3.0 的图表默认是简易图表(默认没有坐标轴、提示信息等等),新版 4.0 默认不是简易的图表,需手动加上 pure 属性才能和之前 3.0 一致,比如 Legend 图例之前 3.0 要配置 Legend 组件才显示,现在默认显示,除非设置 pure 属性为 true;
- Chart 组件 padding 属性不再支持数字和 ‘auto’ 混用,比如 [‘auto’, 10, ‘auto’, ‘auto’],需改成 padding = ‘auto’,然后再用新增的 appendPadding 属性追加,比如 [0, 10, 0, 0],0 则表示 ‘auto’;
- Chart 组件新增 interactions 属性,3.0 版本的图表一般有默认的交互,但升级之后就需要通过该属性进行指定交互,比如柱状图需要设置 interactions 为 [‘active-region’];
- Chart 组件的 width 和 height 属性出来的效果有变化,之前 3.0 设置好的 width 和 height,再实际生成出来的图表可能会大于设定好的 width 和 height,现在会更加精准,生成出来的图表就是和设定好的 width 和 height 一致;
- Chart 组件之前 3.0 版本 children 里直接放其他自定义的 dom 元素,它会被渲染在图表范围内,现在会被单独提出来渲染到图表外部,跟 Bizcharts 提供的组件分离开,所以会跟之前不一样,可能需要进行修改。
Geom 组件
- Geom 子组件不再支持 Label 组件,要使用 Geom 的 label 属性进行配置;
- Geom 组件如果是折线图,之前 3.0 版本线条默认粗细是 2,4.0 版本是 1,之前没设置 size 属性的话,要把 size 设为 2;
- Geom 组件几何标记类型属性设置发生变化,原本只通过 type 一个属性设置,支持组合类型,现在组合类型是单独拆出一个 adjust 属性进行设置,比如之前 type=‘intervalStack’ 的组合属性值,需改成 type=‘interval’ 和 adjust=‘stack’。
Tooltip 组件
- Tooltip 组件 shared 属性之前 3.0 默认为 true,现在 4.0 默认为 false;
- Tooltip 组件新增 showMarkers 属性,默认为 false,之前 3.0 对应的属性是 hideMarkers,默认值是 false,也就是之前默认是会显示 markers 的,现在默认不显示,原来没有设置 hideMarkers 属性的可能要加上 showMarkers 属性;
- Tooltip 组件新增 showCrosshairs 属性,默认为 false,之前 3.0 对应的属性是 crosshairs,如果之前没设置过,可能要加上 showCrosshairs 属性;
- Tooltip 自定义方式改变,3.0 使用 useHtml 和 htmlContent 属性进行自定义 Tooltip,现在改成在组件的 children 属性进行设置,且由原来的 html 字符串形式改成 JSX 的形式。
Legend 组件
- Legend 组件以前的 itemFormatter 属性没了,需要用 itemName 和 itemValue 属性配置中的 formatter 属性替代。
Annotation 组件(原 Guide 组件)
- Guide 组件废弃,使用 Annotation 组件进行替代;
- 旧版本 Guide 子组件 Line 的 lineStyle 属性,修改为 Annotation 子组件 Line 的 style 属性;
- 旧版本 Guide 子组件 Line 线条默认是虚线样式,对应需要在 Annotation 子组件 Line 的 style 增加 lineDash=[2] 来设置虚线样式;
- 旧版本 Guide 子组件 Html 的 alignX 属性默认为 middle,新版本 Annotation 子组件 Html 的 alignX 属性默认为 left;
- 旧版本 Guide 子组件 Html 的 alignY 属性默认为 middle,新版本 Annotation 子组件 Html 的 alignY 属性默认为 top。
Axis 组件
- Axis 组件 subTickCount 属性改为 subTickLine 属性配置中的 count 属性;
- Axis 组件 subTickLine 属性配置中的 stroke 和 strokeOpacity 属性,移动到了 subTickLine 属性配置中的 style 属性中的 stroke 和 opacity 属性;
- Axis 组件 tickLine 属性配置中的 stroke 和 strokeOpacity 属性,移动到了 tickLine 属性配置中的 style 属性中的 stroke 和 opacity 属性;
- Axis 组件 label 属性配置中的 textStyle 属性改为 label 属性配置中的 style 属性。
其他
- G2.EventParams 类型改为 G2.Event;
- ChartProps 类型改为 IChartProps。