Estoy construyendo un mapa alto de Highcharts usando la documentación aquí: http://api.highcharts.com/highmaps/tooltip.style

Y he diseñado con éxito mi información sobre herramientas de la forma en que quiero que se vea en términos de color y contenido.

Esto es lo que tengo actualmente:

Esto es lo que necesito (la pequeña flecha o zanahoria en la información sobre herramientas)

Por lo general, crearía esto usando HTML: después o: antes y posicionamiento relativo, pero no sé cómo hacerlo en gráficos altos. Sé que podría configurar useHtml:true y luego aplicar css a la clase que representa la información sobre herramientas, pero creo que debe haber una manera de hacer que la información sobre herramientas haga esto automáticamente a través de un accesorio en los gráficos altos.

Aquí está el código que tengo actualmente para el gráfico alto:

 let config = { tooltip: { backgroundColor: '#ff9600', borderWidth: 1, borderColor: '#ff9600', borderRadius: 2, formatter: function () { return '<b>' + '<span style="'+ tooltipStyle + '">' + this.point.name + ': $ 620 USD</span><br>' + '<span style="'+ tooltipStyle + '">' + this.point.value + ' Transactions</span>'; } }, series:[{ allAreas: true, data: data, mapData: mapsPathData, joinBy: [countryCode], dataLabels: { enabled: false, format: '{point.name}' } }] };