Skip to content

Tooltip bigger than expected #15205

Description

@Eraz19

Version

5.1.1

Steps to reproduce

.setOption({
    grid: 
    {
        left: "3%",
        right: "4%",
        bottom: "10%",
        containLabel: true
    },
    tooltip: 
    {
        triggerOn: "click",
    },
    xAxis: 
    [
        {
            type: "category",
            data: props.chart_data_arr.map((chart_data:BarChartData<number>) => chart_data.name),
            axisTick: {
                alignWithLabel: true
            }
        }
    ],
    yAxis: 
    [
        {
            type: "value",
        }
    ],
    series: 
    [
        {
            name: "Resume",
            type: "bar",
            barWidth: "60%",
            data: props.chart_data_arr.map((chart_data:BarChartData<number>) => chart_data.value)
        }
    ],
    dataZoom: 
    [
        {
            type: "slider",
            bottom: "4%",
        }, 
        {
            type: "inside",
        }
    ],
});

What is expected?

A size for the tootlip enought for displaying the data but not more.r

What is actually happening?

A long (in the vertical) tooltip with the good information in it but a lot of unnecessary blank.


I use in the app a Popover material ui component for making custom tooltip for my app maybe it present a problem

Metadata

Metadata

Assignees

No one assigned

    Labels

    enThis issue is in Englishmissing-demoThe author should provide a demo.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions