ChartAdvisor and ChartLinter as advanced G2 marks

[chenluli]

The ability to use ChartAdvisor and ChartLinter as G2 high-level Mark is planned making it easy to use chart recommendations and lint capabilities in G2
计划 AVA 中提供把 ChartAdvisor 和 ChartLinter 作为 G2 高阶 Mark 的能力，便于在 G2 中通过Mark 的方式使用自动图表推荐和 lint 能力

import { ChartAdvisor } from '@antv/ava';
import { Chart } from '@antv/g2';

const chart = new Chart({ 
  theme: 'classic',
  container: 'container', 
});

chart.options({
  type: ChartAdvisor,
  data,
})
chart.render();

[BBSQQ]

https://observablehq.com/@observablehq/plot-auto

[ixuxinyue]

考虑到 AVA 的智能推荐能力是希望针对于多个图表库通用的，所以 AVA 不应为了 G2 来定制，这边是否是要在 G2 里面 import AVA 的能力，然后在 G2 内实现 ChartAdvisor 和 ChartLinter 这两个 高阶 Mark？

[ixuxinyue]

@pearmini 帮忙看一下尼？

[pearmini]

嗯嗯，现在的问题就是这两个高阶 Mark 放在哪：

• G2 内部：不太现实，有包大小的问题
• AVA 内部：可以
• 类似 G2-AVA 插件包：可以

[chenluli]

advisor 模块
当前写法：

const myAdvisor = new Advisor(myRuleCfg);
const advices = myAdvisor.advise({ data: defaultData });
g2Chart.options(advices[0].spec)

如果作为 mark 使用：

import { auto } from '@atnv/ava"

g2Chart.options({
  type: auto,
  data,
})

lint 模块

当前写法：

const myAdvisor = new Advisor(myRuleCfg);
const rules = myAdvisor.lint({ spec });
g2Chart.options({
  ...spec,
  ...rules[0].fix
})

如果作为 mark 使用：

import { lint } from '@atnv/ava"
chart.options({
  type: lint, // 函数，接收原始 spec, 输出纠正后的 spec
  spec: {}, // 原始 spec
})

提供类似 mark 的写法，会减轻用户学习 ava 的成本，但如果放在 AVA，可能 auto , lint api 会和 Advisor.advise Advisor.lint 两个 api 能力重合。

目前看还是放插件包更合适？G2 有类似插件包仓库么 cc @pearmini @neoddish

[neoddish]

那就做一个插件包吧，我来弄好了。

就是决定一下这个插件包放哪里。。。当做社区工具放在个人名下也行，放在 antvis 下面也行

[pearmini]

这个包可以作为 g2 的一个子包，g2 计划如下拆包：

• g2：总包，类似 d3
• g2-core：基础 mark
• g2-plot：统计相关的 mark
• g2-geo：地理相关的 mark
• g2-network：网络相关的 mark
• g2-ava：智能相关的 mark

可以放在 g2-ava 里面

[chenluli]

补充：AVA 用插件形式为 S2 提供表格中嵌入的可视分析能力的可能性 cc @lcx-seima

1. table2vis
   
   

2. 列头统计信息展示

3. 万能图中的单元格自动可视化（但可能 cell 内 if-else 就行了）

[chenluli]

对 S2 来说 table2vis 这种应该是一个定制 tooltip？
万能图单元格和列头信息的渲染，应该是等 S2 底层升级到最新的 G 后就可以支持 G2 5.0的渲染了
包大小和架构分层的角度考虑是内置还是作为插件包

[chenluli]

目前结论：

• 可使用自定义tooltip实现 1
• 自定义单元格（canvas画简单的mini图）
• 自定义dom覆盖到单元格上（可以渲染g2等等）

万能图可以等 S2 升级 G 后进行