2 篇博文 含有标签「ECharts」

最后更新于 2023-11-11 21:56:00

ECharts 的 UniversalTransition 动画提供了一些复杂场景下过渡动画的解决方案，这类场景的难点在于让不规则图形或者不同形状的图形之间如何完成一个比较流畅的过渡动画，在业内比较熟知的类似技术则是 SVG Morph 动画。

查看以下 ECharts 官方示例：

• https://echarts.apache.org/examples/zh/editor.html?c=scatter-aggregate-bar
• https://echarts.apache.org/examples/zh/editor.html?c=scatter-symbol-morph
• https://echarts.apache.org/examples/zh/editor.html?c=map-bar-morph
• https://echarts.apache.org/examples/zh/editor.html?c=treemap-sunburst-transition

最后更新于 2023-01-09 23:37:00

通常，对于 Web 页面的交互处理中，尤其是 DOM 元素样式的变化用 CSS 处理是非常简单的，但如果是普通对象呢？问题似乎变得复杂起来了，这篇文章通过探索 ECharts 与 ZRender 在交互状态设计相关方面的源码实现，讨论一下在复杂场景中处理交互状态的设计方案，如何将命令式编码的复杂性通过声明式编码来降低，该怎样应对复杂场景下的状态叠加问题。