socar-chart v0.3.1

socar-chart

介绍

socar g2Plot 业务封装

划分标准

标准化的问题 先用那个后用哪一个?

划分思路: 整个socar-chart分为两个方面, 控制和options, 控制的大部分可以在图表绘制完成进行, 只有datachangge特殊, 但是我们的业务是需要等接口返回数据的 所以data在大部分场景下不得不的图表渲染在初始化

Controller相关的

首先我们根据原始的思路凡是图表渲染完成之后才能进行的操作归类为Controller 针对不同的操作我们分类不同的Controller, 其实大部分的控制相关的都应该放入事件当中, 或者等图表绘制完成之后 在进行操作, 但是有例外, dataController就可以将数据设置未本地的data, 在图表绘制完成之后更新图表的data

mediaController里的功能(下载图片, 图表全屏), 这些操作都依赖dom, 但是这些操作都是用户主动的也应该放入到事件里执行

dataController虽然不管图表实例未实例都可以设置data但是根据业务, 我们的数据是根据接口返回的, 不管接口的速度多块 在数据返回时图表都已经实例完成, 对于datachange应该放入到接口函数当中初始化

switchChartType 切换图表类型应该放入到事件当中根据我们的业务决定

option相关的

只有标注依赖数据其余的不依赖数据, 标注虽繁依赖数据但是我们通过eventBus解决了他依赖数据的问题 我们可以先画一条线没有数据时等数据有了在算出来, 所以我觉得options相关的都可以在created周期时进行初始化(仅个人对业务的理解) 如果有在图表渲染完成需要画标注的需求我们可以特殊对待, 但是大部分的场景我们都在图表未实例之前进行初始化

publish

1. 查看项目版本信息，默认1.0.0 npm version

2. 升级预发布号 npm version prerelease

首次执行
1.0.0 -> 1.0.0-0
再次执行
1.0.0 -> 1.0.0-1

3. 升级修订号，保留预发布号 npm version prepatch

执行结果
1.0.0-1 -> 1.0.1-0

4. 升级次版本号，保留预发布号 npm version preminor

执行结果
1.0.1-0 -> 1.1.0-0

5. 升级主版本号，保留预发布号 npm version premajor

执行结果
1.1.0-0 -> 2.0.0-0 

6. 升级修订号 npm version patch 

首次执行
2.0.0-0 -> 2.0.0
再次执行
2.0.0 -> 2.0.1

7. 升级次版本号 npm version minor

执行结果
2.0.1 -> 2.1.0

8. 升级主版本号 npm version major

执行结果
2.1.0 -> 3.0.0

使用顺序

1. 首先最开始的一件事就是初始化socar-chart, 初始化相关配置, 最好放在setup作用域的顶部

2. 初始化options

3. renderChart 渲染图表一定放入到onMounted当中进行, 如果onMounted当中的逻辑太多了应该通过拓展业务函数进行分类

4. 利用控制器初始化数据

5. 利用控制器控制图表

version

0.3.1

1. 支持 雷达图，折线图 绘制 辅助线样式的 线

2. 支持计算双轴图极值，与轴优化，更美观 三分之二区间，调整步长

3. 修复 数据空状态 判断错误 导致的显示不正常

0.3.0

移除支持自定义“辅助线”

“辅助线” 功能目前只由 CustomMix 支持

BREAKING CHANGE: 由 dualAxes 批量更新需求引起的修该，需要禁用掉 使用 dualAxes 绘制 辅助线的功能

0.2.29

支持非自定义图表轴优化, 更美观 三分之二区间，调整步长

0.2.28

支持非自定义图表轴优化

0.2.27

1. 修改legend默认位置为顶部居中，领导特意要求
2. 自定义混合图表支持 Y轴优化

0.2.26

1. 移除入口文件处已失效的校验
2. 按 socar图表规范进行修改
   • legend 默认 图表顶部左侧起始依次排列，多图例翻页显示
   • 图表padding auto 开启 auto 以防止遮挡 y 轴的 label
   • 移除无效注释
3. 自定义混合图表 增加 syncViewPadding 以同步view padding
4. 修复自定义混合图表 未同步 appending 问题

0.2.25

1. 取消 工具函数取整 或 四舍五入操作
2. 修复 timeline 首次通过中间件变动数据 图表未渲染的问题
3. 修复 存在 timeline 的气泡图 在添加新的车型时，同一车型在图表上会显示多个气泡

0.2.24

修复 timeline renderVueComponent 中涉及到的 vnode 上下文 获取失败从而导致使用报错的问题

0.2.23

1. 修复 upMultiplication 处理最大值不足1时的小数 轴取值问题 取整后近似 1，导致显示 小数Y轴异常
2. 修复自定义图表因缺失getOption方法导致获取customOption失败，从而导致数据排序获取不到配置的问题

0.2.17 - 0.2.22

版本调试

0.2.16

支持柱状图 pointMarker

0.2.15

1. upMultiplication 修复取整小数错误 ceil 上取整 会导致 -0.72 这种数据变成 -0 导致 轴计算错误 特此修改为 floor
2. 修复自定义混合图表日期轴顺序错误

0.2.14

1. 修复 ActionController 命名错误 导致读取 chart 实例失败
2. customMixChart 支持 柱点，箱点 混合图表
3. 增加 column pointMarker 示例

0.2.13

修复 socarChart.changeData(data, {append:true}) 时，数据图表 x 轴未按时间轴顺序显示问题

原因是 初始 数据少于追加数据，导致未能按 按 xFiled 归类聚合，导致多出数据剩余，显示在 x 轴最后

0.2.12

修复 column 对堆叠、分组 tooltip 显示错误问题

0.2.11

1. 修复因未重置渲染标记导致的再次渲染失败

重置时禁用 渲染，changeData 时只更新数据，未允许渲染 导致渲染失败

2. 修复 ChartAxis 计算轴大小 修复数据获取的接口，改为 getInstanceData

3. state empty 判断条件调整 初始化时不做为空判断，因为初始化时，数据为空，会导致图表不渲染

4. 移除 timeline 装饰器写法，改为普通写法

5. 增加数据中间件 用以操作数据

6. 移除控制器 getter 到 component 类中获取

dataController 作为操作数据的控制器 直接初始化

7. 重写 timeline 逻辑与组件

8. 移除老旧自定义图表 (custom) 代码 不再兼容该图表类型

9. 完善销毁逻辑 依次销毁 核心，本地配置 图表组件。图表组件中主要销毁 timeline 定时器

10. 象限图支持默认主题，减少用户配置

11. 提供注册 image-shape

12. 支持自定义混合图表（customMix）绘制 annotation

0.2.10

1. 修复因未重置渲染标记导致的再次渲染失败

0.2.8 - 0.2.9

修复轴计算错误

0.2.7

1. 修复自定义图表 box 适配器 动态更新数据时要计算轴，取值失败问题
2. 修复 line 堆叠属性导致的显示错误 线图不支持堆叠。 line 堆叠会导致线显示异常，Y轴为累加后的 轴 在从主图表复制options 时应该删除。常见于主图表为柱状图，从属图表为线图 柱图表开启堆叠，线图不应该开启堆叠。
3. 优化 axis 从属图表 无数据时 不显示 y 轴。显示 会在图表左侧显示 0
4. 代码组织，移动 controller 代码到 chart index 中
5. 代码组织，ActionController 构造函数不再要求 g2 示例 ，通过别名获取
6. 移除弃用代码
7. 新增支持 从属，辅助图表软删除，即移除后可再次开启
8. 代码组织 拆分核心与渲染代码
9. 新增 DataChanger

0.2.6

修改打包体积 排除 @antv 相关

0.2.5

1. 新增支持 customMix 中 box 类型图表 为同轴图表
2. 新增支持 customMix 中 tooltips 显示
3. 修复 customMix legend 显示错位问题
4. 修复 柱图 单个柱过大问题

0.2.4 正式性修复

修改图表在更新options时的深度合并，可根据配置选择可以浅合并

0.2.3 正式性修复

自定义图表更新数据逻辑修改 图表下载图片不能修改文件名称问题修改

0.2.2 正式性修复

自定义图表不能指定图表类型问题修改, 时间轴组件滚动条该为浅色

0.2.1 新增功能

增加时间轴自动播放

0.2.0 正式性修复

时间轴问题修改，全量更新时时间轴显示错误

0.1.9 正式性修复

1. 移除图表默认显示缩略
2. 自定义图表箱型图显示背景样式

0.1.8 正式性修复

修复自定义图表更新数据时不会更新y轴最大值

0.1.7 正式性修复

自定义图表更新数据时出现的xy轴不适配，背景图更新数据时更新xy轴的最大值最小值

0.1.6 正式性修复

修改图表未撑满的问题 和重复画背景图xy轴不适配

0.1.5 正式性修复

修改箱型图销毁报错问题和销毁后重新创建x y轴不适配的问题

0.1.4 正式性修复

修改箱型图不能展示负值和changedata时报错问题

0.1.3 新增功能

增加自定义图表类型（支持散点图 + 折线图 + 形体图组合）

0.1.2 正式性修复

修复socar-chart 自定义辅助线，传递空数据时报错的问题。传递空数组为无效行为，直接返回。需明确区分清空辅助线，和无数据

0.1.1 临时性修复

修复socar-chart 自定义辅助线，传递空数据时报错的问题