antv/g2图表tooltip展示坐标之外的数据

项目上遇到这个问题,文档上没有找到案例,这里记录一下:

this.chart.tooltip({
      position: 'top',// 固定位置展示 tooltip
      crosshairs: {
        type: 'rect',
      }, // tooltip 辅助线配置
      offset: 10, // tooltip 距离鼠标的偏移量
      containerTpl: `
    `, // tooltip 容器模板 itemTpl: `
  • 人数: {value}
    占比: {percent}
  • `// tooltip 每项记录的默认模板,只接收name,value, index,color }); this.chart.interval().position('groupVal*groupCnt').opacity(1) .color('groupVal', val => { let value = JSON.parse(val.replace('(', '['))[0] if (value >= 0) { return '#00c4c4'; } return '#2194ff'; }).tooltip('groupVal*groupCnt*percent', (groupVal, groupCnt, percent) => { return { name: '人数', value: groupCnt, percent: (groupCnt / total * 100).toFixed(2) + '%' } })

    你可能感兴趣的:(antv/g2图表tooltip展示坐标之外的数据)