AntV G2 toolTip 自定義顯示

chart.tooltip({
                showCrosshairs: true, // 展示 Tooltip 輔助線
                shared: true,
                showMarkers: true,
                itemTpl: `
                    <div style="margin-bottom: 10px;list-style:none;">
                    <span style="background-color:{color};" class="g2-tooltip-marker"></span>
                    {name}: {value}
                    </div>
                ` // 自定義 toolTip 樣式
});

chart.line().position('x*y').color('#1890ff').tooltip('x*a',  (x,a) => { // tooltip的第一個參數寫上需要顯示的字段'item1*item2*...'；第二個參數為一個函數，該函數的參數為需要顯示的字段。
                return {
                    name: '自定義', // 可自定義顯示 默認為傳入的值
                    value: a // 這里也可以通過調用其他自定義函數的方式，去對數據進行更深層次的變換
                }
            })