关于AVA的能力咨询

[suchstar]

用e-chart做数据可视：使用e-chart做柱状图呈现，当横轴数据太多场景下，标签显示后会重叠重合，用户界面不美观。

我们了解到AVA的Advisor有个lint功能对图表进行优化，想问下上面的场景，AVA支持吗？

[neoddish]

请问可以提供具体的样例图表截图和代码么，谢谢~

另外 AVA 的优化是基于 antv-spec（当前是 G2 的 spec）来进行优化，如果作用到 echarts 需要首先将 echarts 图表配置转化成 antv-spec，在 AVA 进行优化后，再将优化后的 antv-spec 转化回 echarts 的配置项。这个工作是可行的，但是很繁琐。

以及，我们可以看一下具体不美观的场景。轴标签重叠的话，大概率需要目标图表库本身有这方面的配置能力，优化才能够做到自动 fix。

[neoddish]

btw.
@hustcc @pearmini 可以关注一下这种类型的 adaptor 需求，其实有很多的。这也是为什么需要把 spec 单独抽一个项目和仓库的重要原因之一，社区开发 adaptor 的时候专注参考 spec 本身的内容就很好了，不会被其他 API 之类的实现干扰。

[suchstar]

我这里截图后上传总是失败（.png/.jpg），可能是我的网络问题。
如果现在AVA有这方面的能力，能否给我一个相应的指导，我实际尝试一下吗？
另外AVA的优化能力这边还有更详细的介绍资料吗？

[neoddish]

https://ava.antv.antgroup.com/guide/advice/intro#lint-%E4%BD%BF%E7%94%A8

https://ava.antv.antgroup.com/api/advice/advisor-lint

https://ava.antv.antgroup.com/examples/advice/linter-only/#linter-steps

@suchstar 这几个是相关的文档和示例链接，看看有没有帮助~

[suchstar]

感谢快速响应。：）
这几个案例我已经在写Demo给周边同事演示，尤其是Advisor的智能图标推荐功能，当前我们还是感觉比较好用的，linter的图表识别也已经在尝试使用。

之所以提出来优化柱状图Lable密集场景的重合优化？也是想着看看linter能否给出诸如“The difference between sectors of a pie chart should be large enough.”这类分析以后，能否给出图标优化的结果：比如柱状图标签密集重合场景的下的标签重排结果。我们想知道，这列优化AVA还支持多少，或者说当期AVA的能力就是咱们官网上的介绍？

另外，我们现在的产品的主流框架是VUE3，我看现在AVA的样例代码都是React框架，AVA后面有专门支持VUE的样例吗？

[neoddish]

感谢快速响应。：） 这几个案例我已经在写Demo给周边同事演示，尤其是Advisor的智能图标推荐功能，当前我们还是感觉比较好用的，linter的图表识别也已经在尝试使用。

之所以提出来优化柱状图Lable密集场景的重合优化？也是想着看看linter能否给出诸如“The difference between sectors of a pie chart should be large enough.”这类分析以后，能否给出图标优化的结果：比如柱状图标签密集重合场景的下的标签重排结果。我们想知道，这列优化AVA还支持多少，或者说当期AVA的能力就是咱们官网上的介绍？

另外，我们现在的产品的主流框架是VUE3，我看现在AVA的样例代码都是React框架，AVA后面有专门支持VUE的样例吗？

linter 目前还不支持识别到柱状图标签数量的问题。原因是：linter 是基于图表的结构信息来优化的，但是标签是否重叠主要属于图表的样式信息，在图表结构信息中没有直接表达。目前 AVA 在图表样式细节的优化上还没有能给出特别多建议。不过，这个问题是可以尝试的，比如从图表结构信息得到图表容器的宽高、从配置信息得到标签展示的逻辑，再从数据中得到标签的具体内容、长度相加，等等，去综合计算来判断是否标签显示可能不友好。这个我们可以继续探讨。

AVA 目前提供的是一种用来做图表推荐和图表优化的框架，其中默认内置了一些最基本的规则和逻辑。用户可以定制自己的规则，满足自己业务系统里的图表推荐需求。所以，目前官网上能看到的优化规则基本就是现在 AVA 内的全部。官网上也提供了定制规则的放方法。

第二个问题，我们暂时没有支持 vue 的规划。原因是，目前 AVA 的核心开发者在公司内部使用的都是 React，可能没有足够的经历和目标来支持 vue 的研发。但是，我们非常期待看到社区中出现 ava-vue 的项目~

[suchstar]

好的，我们使用中发现：Advisor推荐的图表最优结果中，有的场景是小数，有的场景是整数。
我们遇到的场景有5分，0.8613333333333327分，这个是有什么设置项么，我们想要的是统一格式，比如百分数，因为我们想将这个统一推荐给客户，让用户感知这个权重。

[GuangMingYouBei]

好的，我们使用中发现：Advisor推荐的图表最优结果中，有的场景是小数，有的场景是整数。 我们遇到的场景有5分，0.8613333333333327分，这个是有什么设置项么，我们想要的是统一格式，比如百分数，因为我们想将这个统一推荐给客户，让用户感知这个权重。

Advisor 中计算得到的分数，在一次推荐的结果里做排序是有意义的；但是多次推荐的结果中的分数之间不好做比较，且这个分数没有上限，因此也不太好做归一化。因此，针对你的场景，建议给出一个排序，而不是百分比。