HighCharts Currency in Maps

Question

In my HighCharts Map, I have values that are currency. On the hover, I'd like them to appear as $, but they just appear are raw numbers.

Here's what I have so far

            series: [
                {
                    type: 'map',
                    name: 'Orders $',
                    states: {
                        hover: {
                            color: '#BADA55',
                        },
                    },
                    dataLabels: {
                        enabled: true,
                        format: '{point.name}',
                    },
                    allAreas: true,
                    data: this.model,
                },
            ],

score 1 · Accepted Answer · answered Jun 29 '22 at 08:38

It will be enough to set pointFormat property in tooltip configuration object:

  tooltip: {
    ...,
    pointFormat: '{point.value}$'
  }

Live demo: https://jsfiddle.net/BlackLabel/xp71L0jv/

API Reference: https://api.highcharts.com/highcharts/tooltip.pointFormat

HighCharts Currency in Maps

1 Answers1