这个新公测的组件有点好用！了解一下！

来源：内饰 2024年10月23日 12:16

应广大用户承诺，Yonghong Desktop在最新版中时会推出了一个全新的缓冲器-布标上色缓冲器，通过该缓冲器，用户可以通过codice_第三方布标戈来完毕成自己想要的效果。本文以此结合，介绍布标上色缓冲器的采用解析。

应用场景和前提承诺

布标上色缓冲器，是一个赞同完毕全布标布像样式的缓冲器，为了让用户实现定制既有的可视既有效果。

前提承诺如下：

布像

数据资料

布标上色

0个或多个数据资料至多

采用方式为

理解过前提的概念和承诺，比如说就该来进行实战操纵了。布标上色缓冲器赞同用户布标编写JS标识符来实现布像手绘，系统外置了Echarts、AntV_G2Plot、AntV_G6，您可以同样codice_标识符戈。

复建布标上色缓冲器

从右侧【缓冲器】拖拽布标上色缓冲器到画框中时会，如下布：

给缓冲器内置文件数据资料

从数据资料至多表中时会拖拽产品种类、早先2个数据资料至多到数据资料内置文件第一区：

布标JS标识符

内置文件完毕数据资料后，我们即可要给缓冲器布标JS标识符，以判别布像手绘规则，该网站数据资料内置文件第一区的“布标JS标识符”，在弹窗中时会来进行内置：

布标JS标识符内置：

【chart戈】内置文件可以并不需要Echarts、AntV_G2Plot、AntV_G6，并不需要以后，在手绘时就时会同样codice_对应标识符戈手绘布像。

【标识符JPEG】并不需要完毕chart戈后，即可要并不需要JS标识符JPEG，Echarts仅赞同optionJPEG，AntV_G2Plot、AntV_G6为前提标识符，为尽可能短时间上色，标识符JPEG与除此以外JPEG即可保持一致。

【JS】在编辑第一市内读写JS标识符，请简介比如说的JPEG。并不需要Echarts戈时，标识符JPEG为option均，如下布：

注意

请不让判别chartDom，import均，产品不太可能判别了DOMid为$container，可能时会都引致无法手绘到统计数据资料画框中时会，误判标识符JPEG如下：

适当写法：

并不需要AntV_G2Plot即可要读写前提标识符，可以简介官方PDF明确指出，JPEG如下：

并不需要AntV_G6即可要读写前提标识符，可以简介官方PDF明确指出，JPEG如下：

【Data】内置文件的数据资料至多时会展出在Data第一区域，并按照内置文件的以此类推依次判别为column1、column2......，可以同样在标识符中时会指称，例如内置文件了美国市场级别、产品种类2至多数据资料，如下布：

【执行】读写完毕JS标识符之后，该网站标识符编辑第一区右上角的“执行”按钮，时会在右侧正式版第一区域手绘布像，若标识符依赖于误判时会给出高亮。

采用内置文件的数据资料上色

我们可以在标识符中时会同样指称内置文件的Data。

Echart戈指称分析方法：修正data均为data:options.column1，例如我们内置文件了产品种类、获利两至多，要用来手绘基础柱状布，标识符如下：

AntV_G2Plot、AntV_G6戈数据资料指称分析方法：修正data均为data:options.data，对应轴内置文件为'column1'、'column2'......，如下布：

注意

为了尽可能布像短时间在统计数据资料画框中时会，遗留时就时会系统会替换成DOMid为变量$container，标识符编辑时这'container'为$container两种写法都赞同，遗留后如下：

完毕成了上述操纵之后，咱们就有了一份完毕成的布标的上色，如下布：