reactjs - G2Plot AntV 库。自定义子弹图工具提示（显示名称而不是索引）

Question

是否可以自定义子弹图的工具提示以显示名称而不是索引？

Answer 1

是的，您可以自定义 antv/g2plot 的工具提示以显示您想要的数据。正如我在我的 antv/g2plot 图表中使用工具提示对象中的 customContent 函数所做的那样：

tooltip: {
                            customContent: (count, data) => {
                                let c = null
                                let fileHtml = ''
                                data.forEach((d) => {
                                    c = d.data.datum.count
                                    d.data.datum.files.forEach((f) => {
                                        fileHtml += `<li>${f.original_artifact_name}</li>`
                                    })
                                })
                                return `<div><br/>
                                    <ul><h4>Appeared in ${c} files</h4>${fileHtml}</ul>
                                </div>`;
                            }
                        }

我的工具提示的视觉效果： 在此处输入图像描述