当前位置: 首页 > article >正文

Bizcharts 3.0 到 4.0 升级部分问题记录

问题

Chart 组件

  1. Chart 组件 forceFit 属性改为 autoFit;
  2. Chart 组件新增 pure 属性,以前 3.0 的图表默认是简易图表(默认没有坐标轴、提示信息等等),新版 4.0 默认不是简易的图表,需手动加上 pure 属性才能和之前 3.0 一致,比如 Legend 图例之前 3.0 要配置 Legend 组件才显示,现在默认显示,除非设置 pure 属性为 true;
  3. Chart 组件 padding 属性不再支持数字和 ‘auto’ 混用,比如 [‘auto’, 10, ‘auto’, ‘auto’],需改成 padding = ‘auto’,然后再用新增的 appendPadding 属性追加,比如 [0, 10, 0, 0],0 则表示 ‘auto’;
  4. Chart 组件新增 interactions 属性,3.0 版本的图表一般有默认的交互,但升级之后就需要通过该属性进行指定交互,比如柱状图需要设置 interactions 为 [‘active-region’];
  5. Chart 组件的 width 和 height 属性出来的效果有变化,之前 3.0 设置好的 width 和 height,再实际生成出来的图表可能会大于设定好的 width 和 height,现在会更加精准,生成出来的图表就是和设定好的 width 和 height 一致;
  6. Chart 组件之前 3.0 版本 children 里直接放其他自定义的 dom 元素,它会被渲染在图表范围内,现在会被单独提出来渲染到图表外部,跟 Bizcharts 提供的组件分离开,所以会跟之前不一样,可能需要进行修改。

Geom 组件

  1. Geom 子组件不再支持 Label 组件,要使用 Geom 的 label 属性进行配置;
  2. Geom 组件如果是折线图,之前 3.0 版本线条默认粗细是 2,4.0 版本是 1,之前没设置 size 属性的话,要把 size 设为 2;
  3. Geom 组件几何标记类型属性设置发生变化,原本只通过 type 一个属性设置,支持组合类型,现在组合类型是单独拆出一个 adjust 属性进行设置,比如之前 type=‘intervalStack’ 的组合属性值,需改成 type=‘interval’ 和 adjust=‘stack’。

Tooltip 组件

  1. Tooltip 组件 shared 属性之前 3.0 默认为 true,现在 4.0 默认为 false;
  2. Tooltip 组件新增 showMarkers 属性,默认为 false,之前 3.0 对应的属性是 hideMarkers,默认值是 false,也就是之前默认是会显示 markers 的,现在默认不显示,原来没有设置 hideMarkers 属性的可能要加上 showMarkers 属性;
  3. Tooltip 组件新增 showCrosshairs 属性,默认为 false,之前 3.0 对应的属性是 crosshairs,如果之前没设置过,可能要加上 showCrosshairs 属性;
  4. Tooltip 自定义方式改变,3.0 使用 useHtml 和 htmlContent 属性进行自定义 Tooltip,现在改成在组件的 children 属性进行设置,且由原来的 html 字符串形式改成 JSX 的形式。

Legend 组件

  1. Legend 组件以前的 itemFormatter 属性没了,需要用 itemName 和 itemValue 属性配置中的 formatter 属性替代。

Annotation 组件(原 Guide 组件)

  1. Guide 组件废弃,使用 Annotation 组件进行替代;
  2. 旧版本 Guide 子组件 Line 的 lineStyle 属性,修改为 Annotation 子组件 Line 的 style 属性;
  3. 旧版本 Guide 子组件 Line 线条默认是虚线样式,对应需要在 Annotation 子组件 Line 的 style 增加 lineDash=[2] 来设置虚线样式;
  4. 旧版本 Guide 子组件 Html 的 alignX 属性默认为 middle,新版本 Annotation 子组件 Html 的 alignX 属性默认为 left;
  5. 旧版本 Guide 子组件 Html 的 alignY 属性默认为 middle,新版本 Annotation 子组件 Html 的 alignY 属性默认为 top。

Axis 组件

  1. Axis 组件 subTickCount 属性改为 subTickLine 属性配置中的 count 属性;
  2. Axis 组件 subTickLine 属性配置中的 stroke 和 strokeOpacity 属性,移动到了 subTickLine 属性配置中的 style 属性中的 stroke 和 opacity 属性;
  3. Axis 组件 tickLine 属性配置中的 stroke 和 strokeOpacity 属性,移动到了 tickLine 属性配置中的 style 属性中的 stroke 和 opacity 属性;
  4. Axis 组件 label 属性配置中的 textStyle 属性改为 label 属性配置中的 style 属性。

其他

  1. G2.EventParams 类型改为 G2.Event;
  2. ChartProps 类型改为 IChartProps。

http://www.kler.cn/a/16942.html

相关文章:

  • WordPress 6.7 “Rollins”发布
  • 简单叙述 Spring Boot 启动过程
  • C语言 | Leetcode C语言题解之第557题反转字符串中的单词III
  • 搭建深度学习开发环境
  • pySpark乱码
  • 【图像压缩感知】论文阅读:Self-supervised Scalable Deep Compressed Sensing
  • 现代CMake高级教程 - 第 5 章:链接第三方库
  • spring1:核心和设计思想
  • Vue3中双向数据绑定与Pinia实践+JS数据引用的循环修改问题
  • 【Docker_windows】安装Docker桌面版
  • 2023哪款蓝牙耳机性价比高?200左右高性价比蓝牙耳机推荐
  • windows11 安装多个mysql8
  • 2019临沂中考数学解析
  • 2023年华中杯C题计算结果
  • 哪款蓝牙耳机便宜又好用?2023公认质量最好的蓝牙耳机推荐
  • GUI编程(一)
  • CSS(三)-- 伪类选择器与伪元素选择器
  • 【Java笔试强训 21】
  • 10. hr 综合面试题汇总
  • JavaScript (二) -- 基础语法
  • 测牛学堂:2023软件测试入门学习指南(测试理论之测试方法的分类总结)
  • Packet Tracer - 配置 RIPv2
  • 少年不懂孔乙己,读懂已是书中人
  • DGIOT智慧农业案例分享
  • 01-Flink Metrics简介
  • Compiler Lab1- 自制词法分析器