Skip to content

Tooltip on axis labels which are truncated #19616

@kelp-harshal

Description

@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,
},
}

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions