图表配置案例 流程1、识别是什么元素 2、识别是什么状态(normal、emphasis…) 3、配置该元素的该状态 EChartssymbol高亮下的symbol样式和文本 axisPointer触发点的高亮状态,所以要修改高亮状态下的描边颜色,要设置line.emphasis.itemStyle.borderColor StandardChartAIGC组件库 2024-06-28 #ECharts
如何写出优秀的技术文档 分类Tutorials learning-oriented(learning by doing) contains the names of things, the use of tools, workflows, concepts, commands. And so on. tutorials are often conflated with how-to guides. How-to g 2024-06-21
(TODO)数据集与数据转换 数据可视化,本质上是数据驱动渲染,因此如何管理好数据,是非常关键的。 数据可视化的一个常见思路是: 提供数据 指定数据到视觉的映射 解决什么问题Encoding指定数据到视觉的映射:指定 数据集 的列(column)还是行(row)映射为 系列(series)。 维度(dimension)series.encode视觉映射(visualMap)注意:visualMap可不只是那个渐变条。 2024-06-20 #数据可视化
技术拆解-动态关系可视化组件 我们做了什么,解决什么问题?解决业务方必须用命令式调用 ZRender 的问题。 业务方可以通过声明式调用我们的库,给其屏蔽底层 ZRender 的命令式调用,降低业务方成本和心智负担。 这个和 AIGC 组件库本质上是一样的,都是向下封装底层,向上提供声明式配置。 (TODO)这个需要抽象出一套通用的程序设计方案。 库的定位纯绘图库。 节点的绘制、布局、动画都是业务方计算好的。 环境搭建1n 2024-06-17 #技术拆解 #关系可视化
光栅立体画 起因美国这边的同事在做光栅立体画(lenticular)的业务,Boss要求在他们的shopify网站上面上架光栅立体画,shopify可以自己embed code,。光栅画和其他打印画不太一样,一般展示的方式不能突出这个产品的特点,所以他们想把这个产品做的有一定交互性:一个是这样更好表达这个产品的特点,一个是想把交互做的好一些。 方案VideoTexture一开始,我尝试用three.js通过V 2024-06-11 #动画