涉及g2 多表格tooltip联动显示,tooltip自定义,tooltip显示内容自定义排序
实现效果
1、toop自定义显示内容(containerTpl结合itemTpl)
这个官网里有讲到,所以应该比较简单,2栏则是自己拼凑就可以啦,以下示例代码,需要自己调整style样式
sumView.tooltip({
shared: true,
showCrosshairs: true,
containerTpl: '<div class="g2-tooltip">' +
`<div class="g2-tooltip-title">{date}</div>` +
`<div class="g2-tooltip-title"><span class="tooltip-cat"></span><span>充值金额(元)</span><span>总人数(人)</span></div>` +
`<div class="g2-tooltip-list"></div>` + '</div>',
itemTpl: `<l