13
Views
5
Comments
Solved
Column chart datalabels on bot
Question

Hello !

How can I place those datalabels below the columns? I've got this result (data labels on top):


But I really need the data labels on bot, below each column. Someone can help me ? Thanks in advance!

mvp_badge
MVP
Rank: #96
Solution

Hi Daniel,

Please try with the below mentioned HighChartsJSON value:  

"plotOptions: {
    series: {
        dataLabels: {
            enabled: true,
            inside: true,
            verticalAlign: 'bottom',
            style: {
                color: 'white'
            }
        }
    }
}"

See this sample app - ChartsDemo.aspx

By adding inside: true, property value in the JSON, it did the work :)


Hope this helps you!


Regards,

Benjith Sam

mvp_badge
MVP
Rank: #2

Hi Daniel,

OutSystems Charts uses Highcharts (version 6.1.4) so your go-to first stop for questions like this is the Highcharts documentation and API reference. A quick search finds me the verticalAlign property which may do the trick.

mvp_badge
MVP
Rank: #96
Solution

Hi Daniel,

Please try with the below mentioned HighChartsJSON value:  

"plotOptions: {
    series: {
        dataLabels: {
            enabled: true,
            inside: true,
            verticalAlign: 'bottom',
            style: {
                color: 'white'
            }
        }
    }
}"

See this sample app - ChartsDemo.aspx

By adding inside: true, property value in the JSON, it did the work :)


Hope this helps you!


Regards,

Benjith Sam