Formatting numbers for Line Chart Tooltip

[nishaParticipant]

How would I add a $ sign and ‘,’ separator for numbers in the line chart tooltip?

[DimitarParticipant]

Hello nisha,

You can achieve this with the toolTipFormatSettings callback function, e.g.:

seriesGroups:
    [
        {
            type: 'line',
            toolTipFormatSettings: { prefix: "$", decimalSeparator: "," },
            valueAxis:
            {
                unitInterval: 500,
                minValue: 0,
                maxValue: 3000,
                displayValueAxis: true,
                description: 'Daily Closing Price',
                axisSize: 'auto',
                tickMarksColor: '#888888'
            },
            series: [
                    { dataField: 'S&P 500', displayText: 'S&P 500' },
                    { dataField: 'NASDAQ', displayText: 'NASDAQ' }
                ]
        }
    ]

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[nishaParticipant]

As suggested, I tried using toolTipFormatSettings: { prefix: “$”, decimalSeparator: “,” } for the tooltip
and formatSettings: { decimalSeparator: “,”, prefix: “$” } for the y axis.
The $ sign appears correctly before the number on both the y axis and tooltip.
However the commas do not appear on the y axis or in the tooltip.
Any ideas what the issue could be?
Thanks

[DimitarParticipant]

Hello nisha,

This solution works fine on our side. Please provide us with a code sample that demonstrates the reported issue. Also make sure you are using version 3.0.4 of jQWidgets.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[xiaoyuandlgParticipant]

<font color=”#1982D1″>I’ve been trying to use another line chart and encountered the similar question, feel so happy to find a solution here.</font>

[Author]

Posts