100pah opened a new issue #11870: Custom series enhancement (outline) URL: https://github.com/apache/incubator-echarts/issues/11870 #### custom animation Like the issue #5988 mentioned, support custom animation in custom series. custom animation should not only be able to applied on `shape` but probably also on `transform` and `style`(e.g., `opacity`, and `x`, `y` of text). For example, if we want the init animation to be "the radius increases from 0 and the opacity increase from 0", the proposed option can be as follows: ```js renderItem: function () { return { type: 'group', children: [{ type: 'circle', shape: { cx: 100, cy: 100, // The final radius is 50 r: 50 }, style: { // The final opacity is 1 opacity: 1, fill: 'red' }, // Set all initial props there. Notice only needed props // will appear here. Then the initial animation will be // performed on these props. The arguments of the initial // animation will follow the settings like `animationEasing`, // `animationDuration` on seriesModel as other series did. initProps: { // The intial radius is 0 shape: { r: 0 }, // The initial opacify is 0 style: { opacity: 0 } } }, { type: 'rect', shape: { x: 50, y: 50, width: 50, height: 50 }, style: { fill: 'red' } }] }; } ``` But firstly we need to solve this issue: If start an animation on an element by calling `graphic.updateProp` (`el.animateTo`), the previous ongoing animation will be terminated firstly. That is probably not expected. For example, when we dragging the "dataZoom" or some components, we want an element appears with a "opacity fade-in" effect, and then the subsequent continuous user operations make it animate to another position. The "fade-in animation" and the "move animation" would have been independent, that is, the destination of the moving element can be changed at any time without terminating the "fade-in" animation. But currently we seems unable to to do that. If we change the destination of moving, the ongoing fade-in animation will be terminated. Because "fade-in animation" and the "move animation" are both created by `graphic.updateProp/initProp`. I am attampting to modify the logic of `el.animateTo` to resolve this issue: Define a new class `LiteAnimator` dedicated for `el.animateTo`. Each time the `el.animateTo` called, a new instance of `LiteAnimator` (say, `liteAnimator`) is created and the `clips` are create directly add added to the `liteAnimator`, in which clips are organized by using linked list. Each `clip` mapped to a unique "attr path" on the el. If a new calling of `el.animateTo` occurs on the same `el`, `liteAnimator` is responsible to check the unfinished clips on the `el` by the given "attr path" and terminate them. The unfinished clips that are not relevant to this new calling of `el.animateTo` will continue to work. The different between `LiteAnimator` and the original `Animator` is that the latter one create and dispose all of its clips all together while the former one can dispose part of them on demand. [Related issues]: #5988 [More]: 参见：custom-enhance 分支 现在做了一半，卡在：custom animation 会全部停止之前的 animation 上。参见 "custom animation tmp" stash。参见 custom-feature.html 中新增的用例。 想要 zr 进行精简，改换 animation 层级专供 graphic 的 animation 服务。从而能细粒度停止。 testcase: LineView polyline 动画（原来用的 animators） 另外如饼图 toggle 直接使用的 animation，怎么只 stop animation。 参见：custom-enhance 分支 加上动画，就能实现 https://zhuanlan.zhihu.com/p/38032396 https://codepen.io/Sima/pen/qYgZXv https://github.com/ecomfe/echarts/issues/5988 https://github.com/ecomfe/echarts/issues/5970 https://github.com/ecomfe/echarts/issues/6241 没支持 custom series 里直接以 sereis.data.name 为维度加 legend 。。。 #### Support custom series on bmap [Related issues]: #7789 #### Support a better clip path The current `clipPointsByPoints` is not corrent. Now that the clip feature has be enhanced since 4.4.0, we can make this feature support custom series. [Related test case]: /test/custom-feature.html #### Get category value in `api` of `renderItem` If a dimension in `data` is type `ordinal` (`category`), how to get the original category value via `api` (a parameter of `renderItem`). Current we can only get the ordinal number via `api`. But the original value is probably needed to be printed as labels. #### Enable legend provider [More]: 见 multi legend 一节里面的描述。 https://github.com/apache/incubator-echarts/issues/11869 #### custom culling suppport set `culling` on element. That might be good for performance in some cases. #### About "merge" Should we make `$mergeChildren` public? #### bug + prepareCustom.js geo `boundingRect` is not correct. "Transform" is needed to be performed. + http://gallery.echartsjs.com/editor.html?c=xHJgtZ0d5Z&v=5 When custom series encode.x is set as an array, `renderItem` will not be called. + Fix `updateTransform` not sync: /test/custom-bmap-polygon.html + http://echarts.apache.org/en/gallery/editor.html?c=custom-ohlc hover layer not cleared #### Performance optimization (Text) Try to remove this restriction in `custom.js` to enhance the performance in SVG map. ```js elOptionType === 'text' && hasOwn(elOptionShape, 'text') && elOptionStyle.text !== el.__customText ``` #### Performance optimization (Roam) Whether to try `updateTransform`. Or setting `invisible` in some opportunities. Example: test/custom-hexbin.html The performance of the roam is not good. #### custom 不同长度的 entries See #5987 #### custom 支持 parallel Support custom series in parallel coordinate system. #### treemap 和 tree 支持 renderItem 或者 custom series 的 coordSys 支持 treemap 或者 tree。 这牵扯到 dependency 问题。 参见：#6172 <!-- This issue is generated by echarts-issue-helper. DO NOT REMOVE --> <!-- This issue is in English. DO NOT REMOVE -->
---------------------------------------------------------------- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. For queries about this service, please contact Infrastructure at: [email protected] With regards, Apache Git Services --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
