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
Source: stackoverflow.com
Related Query
- Highchart tooltip does not match series colour - Solid Gauge Chart
- x-axis, y-axis lines does not appear, when I include 3D chart library of HighChart in my code
- Tooltip does not work with Gauge chart
- Gauge Series of Highcharts with React not the Solid Gauge but Gauge Series
- HighCharts Solid Gauge Chart not displaying ticks
- Why does my addSeries (in highcharts) only display names of the series but not the actual pie chart itself
- HighChart marker highlight / tooltip issue, highlight marker does not move
- Solid Gauge chart losing series rendering on page/container resize [ng-highcharts + angular]
- Added series does not remains in highcharts on show/hide of chart container
- highchart's line chart with constant series not plotting when using linear gradient colour
- how to customize the tooltip in solid gauge in highchart
- Highchart Pie Chart not working properly with series
- Not able to animate solid gauge chart with Angular Highcharts
- Highcharts: Polar chart does not display series correctly in dinamically loaded data
- Highstock Stock Tools Creating Indicator GUI Does Not See Chart Series
- what is wrong in this data series that high chart does not plot it?
- Highchart for temperature and humidity does not share tooltip
- highchart Customclass css not applied to tooltip for dumbbell series
- Highchart Solid Gauge Chart make one end straight/normal
- Highchart map does not support IRS country code
- Highcharts - tooltip time value does not match xAxis
- Highcharts Flag series tooltip does not follow yAxis
- How to use the tooltip formatter and still display chart color (like it does by default)?
- How to display highchart series line marker symbol from tooltip formatter?
- Highcharts: Chart does not resize properly by making the screen smaller
- How to create a new Highstock chart with new Highchart and not jquery?
- Highchart (Column Chart) : Few data labels are not appearing for a series
- Scatter tooltip of highchart is not being displaying
- Highcharts shared tooltip for line series and scatter plot not working
- Not rendering VU-meter Gauge chart using HighCharts in Durandal
More Query from same tag
- Pie Chart connected to a mysql database (Using Highcharts)
- How can I add links in a Highcharts tooltip that will open on mobile's browser?
- How do I increase the number of points in a live updating spline chart?
- jquery chart from data attr highcharts
- Unable to iterate through an array. Showing length as zero
- Highstock mysql json multiple data
- Linking a Filter/Search Table to a Highchart
- chart not updating after changing the chart options
- How would I add a padding to the plot area in HighCharts (HighStock) to pad the border?
- To get the name of the series in bubble chart in highcharts
- Highcharts treemap with drillnodes and color axis : do not display sub level colors in the main level
- Highcharts bar chart with fixed bar widths and gaps
- Highchart flags goes out when range selector is set to entire size
- Using ModalEditor from highcharts-editor in Angular5
- highchart with a specific json format in django
- Stop Highchart when end of the Array element reached
- breaking json for stacked highcharts
- How to draw a vertical line on HighCharts?
- Loading several large dataset in Highcharts
- Lazy Highcharts drilldown
- How to change marker symbol based on value in angularjs
- How to use data in rChart Highcharts
- Javascript array of arrays query
- Highcharts - Line breaks from node to node in sankey diagram
- Highcharts - curves goes outside the box
- How to manage y-axis values of high chart
- Highcharts columns have no width (seemingly arbitrarily)
- Highcharts missing array
- Draw vertical lines and horizontal bands
- Don't disable "all" button in range selector in Highstock