Tooltip on axis labels which are truncated

[kelp-harshal]

What problem does this feature solve?

get full view of labels which are now truncated

What does the proposed API look like?

{ gridIndex: index, show: index === 0, position: 'top', type: 'category', data: this.graphData.map((item: ISourcingGraphView, i: number) => { return { value: i, textStyle: { overflow: 'truncate', width: item['show_group_by'] ? item['group_width'] : 0, tooltip: item['tooltip'] }, }; }), alignTracks: false, axisLabel: { show: true, position: 'top', interval: 0, formatter: (value: number) => { const showGeo = Boolean(this.activeGraphType?.showGeo); return showGeo ? this.graphData[value as number]['geography_code'] : this.graphData[value as number]['show_group_by'] ? this.graphData[value as number]['group_by'] : ''; }, }, axisLine: { onZero: true, }, axisTick: { show: false, }, }

[plainheart]

#16315 is for this feature but it still needs discussion. You can refer to https://codepen.io/plainheart/pen/jOGBrmJ as a workaround.