23
Views
2
Comments
Solved
Symbol in front of value on a line chart
Application Type
Reactive
Service Studio Version
11.54.21 (Build 62708)

Hi,

How can I get a dollar sign "$" in front of the values on a Line Chart?

This is the newer version of the Line Chart, not the "v 1" versions.

Thanks,

Solution

Hi @Glenn Southward please check url and attached oml.

URL : https://personal-azznbdgv.outsystemscloud.com/HighchartDemo/ColumnChart

You need to add this JavaScript into your initialized event of  your line chart.

const chartTooltip = {     

'plotOptions': {  

'line' : {   

 'dataLabels': {     

 'enabled': 'true',     

 'formatter': function() {        

return '$' + this.y;      

}   

 }  }

}

};

OutSystems.ChartAPI.ChartManager.GetChartById($parameters.ChartWidgetId).customizeChartObject(chartTooltip);




Regards

Apoorv Choubey

HighchartDemo.oml

Hi Apoorv,

Thank you very much for the quick reply and information. The solution you provided is very comprehensive and helpful. It was perfect and by following it I was able to achieve the desired result.

Thanks again,

Glenn

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