score:0
You need to use Highcharts 3.0.10, to set colours.
score:1
stops: [
[0, '#FF0000'],
[1, '#00FF00'],
[2, '#FFA500'],
[3,'#FFFF00']
],
min: 0,
max: 1
This will give you the exact colours also in the series you need to give the json Object like this: {"x":0,"y":0,"value":0,"myData":"Critical"} The value is the attribute which gives exact colour
score:1
Use colors
for list of colors,
In colorAxis
declare dataClassColor as 'category'
and define your data range in
dataClasses
colors : ['#D7EDE5', '#9BD1BE', '#37A47E'],
colorAxis : {
dataClassColor : 'category',
dataClasses : [{
to : 57.1
}, {
from : 57.2,
to : 60.4
}, {
from : 60.5
}
]
},
Source: stackoverflow.com
Related Query
- how do you change the color of cells in highcharts heatmap?
- How do you change the colour of each category within a highcharts column chart?
- How to change the text color in Highcharts
- In highcharts how do I change the color of the line above the categories?
- How to change the color of highcharts series graph to black & white during downloading it as an image?
- How to change the bar color in Highcharts
- How to change the line color of a bubble in highcharts dynamically
- Change the legend in highcharts heatmap to show instead of a color bar, a set of fixed icons with hide and show on click
- How can you change the "label" (valueSuffix) on a highcharts gauge after the gauge has been created?
- How do you change the height value when more items are added to highcharts dynamically?
- Highcharts - Column Chart Drilldown, how to change the drilldown bar color based on some value
- How to change the color of a custom renderer text to the title color in Highcharts
- How can i change the color of a tile which was clicked of a treemap in highcharts using react
- How to change the color of the each slice in piechart based on the backend response using highcharts
- how to customize heatmap highcharts plot area and the color of the datalabels
- How can I change the colors of my highcharts piechart?
- How do you increase the performance of highcharts chart creation and rendering
- How to disable the on-hover color change in Highcharts?
- Highcharts - how to disable color change on mouseover/hover
- How do I remove the color swatch from my HighCharts legend without affecting the column?
- How can i keep the color the same in highcharts
- How to change Highcharts xAxis label color individually?
- How do I set the background color of a Highcharts HTML label?
- How to change area graph color above certain value in Highcharts
- Highcharts change the line color if its out of the area range
- How to set series-label to false by default and change the color of series label text in highchart
- How do I change a specific bar color in Highcharts Bar Chart?
- how to display 2 same highcharts without duplicate the code
- How to change the background color of measure tool in stock chart in highstock?
- How to change one point color on click in Highcharts
More Query from same tag
- Highchart Graph Issue
- Highcharts bar chart json example?
- onclick on spiderweb chart open new one for details
- Child component not loading correctly in ngFor (but updates after resizing windows)
- How to call a css properties inside plotLines in highcharts
- Highcharts: How can I create a table of strings that can also export as an image?
- plotting irregular time data from CSV with highcharts
- Highcharts 3 suppor for Android 2.x
- Highchart with dual y-axis with date
- Show specific series values in the stack label using highcharts
- Highcharts: Displaying Linechart with missing datapoints
- HighCharts. Angular. Redraw Chart with new Series on Event Click
- Inhibit caching JavaScript/CSS
- Highcharts - Multiple Subtitle (2)
- highcharts additional title opinion
- AngularJS one-way binding on custom directive
- Scrollbar creating overlaping chart div
- how to add border radius on plotbackground area in highcharts
- Can color of data label be different inside and outside of the bar in Highchart, even if it has negative numbers?
- HighCharter HCAES method not producing any visualization in R Shiny Dashboard
- css - How to put Highcharts containers in rows of 2?
- I can't make multi linear-gradients in treamap
- Disable automatic point hover when entering chart with mouse
- HighCharts column to pie
- Highchart Export chart not returning image in IE8 or IE9
- Change background color of highcharts on hover
- Highcharts: set 'select' state on a point and maintain it after mouseover?
- Number Formatting at Highcharts Chart Values?
- highchart.. browser stop working on loading a chart
- Highcharts point click event returns "hover" state instead of "select" state