Tooltip styling in column chart
Application Type
Reactive

Hi Team,

How to style tooltip in Column chart of the reactive web application. I tried applying this code, but it doesn't change anything. 

"plotOptions: {
    series : {
        animation: false
    },
    tooltip: {
        style: {
            color: 'blue',
            fontWeight: 'bold'
        }
    },
    column: {
        stacking: 'normal',
        dataLabels: {
            enabled: true
        }
    }
  
}"
mvp_badge
MVP
Solution

Hi Saravanan,

For the stated use case, could you try the below-mentioned HighchartsJSON configuration string value.

See this sample screen ColumnChartDemo

"tooltip: {
        style: {
            color: 'blue',
            fontWeight: 'bold',  
        },
            backgroundColor: '#ffa500',
},

plotOptions: {
    series : {
        animation: false
    },
    column: {
        stacking: 'normal',
        dataLabels: {
            enabled: true
        }
    }
  
}"

Hope this helps you!


Kind regards,

Benjith Sam

Got the point. I was applying tooltip styling inside plotOptions, when proper syntax is applied it worked. Thanks @Benjith Sam 

mvp_badge
MVP

You're welcome, Saravanan

Glad to help you :)


Kind regards,

Benjith Sam

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.