score:1

Accepted answer

In this case, Highcharts uses point.color to define the color in a tooltip, so as a solution, update also a point.color property.

  chart: {
    type: 'solidgauge',
    events: {
      render: function() {
        var point = this.series[0].points[0];
        if (point.y < 4.27) {
          point.color = 'green';
          point.graphic.attr({
            fill: 'green',
            marker: 'green'
          })
        } else if (point.y > 4.27 * 1.5) {
          point.color = 'red';
          point.graphic.attr({
            fill: 'red'
          })
        } else {
          point.color = '#ffbf00';
          point.graphic.attr({
            fill: '#ffbf00'
          })
        }
        ...
      }
    }
  }

Live demo: https://jsfiddle.net/BlackLabel/5Lbt6wqn/

API Reference: https://api.highcharts.com/class-reference/Highcharts.Point#color


Related Query

More Query from same tag