score:3
Accepted answer
You'll need to preprocess the data to assign the colors. Something like this:
var input = [34.4, 62.5, 80.1, 70, 69.6, 69.5, 89.1, 68.4, 18,
17.3],
data = [];
$.each(input, function(index, value){
var color;
if (value > 80) color = 'red';
else if (value > 65) color = 'yellow';
else color = 'green';
data.push({y:value, color: color});
});
Source: stackoverflow.com
Related Query
- How to change color of bar in column chart with different level of percentage in highcharts
- Highcharts column chart color by single color but with different brightness level as per respective column value
- Highcharts - Column Chart Drilldown, how to change the drilldown bar color based on some value
- how to change color of line chart in highchart based on a categorical column in r?
- Multiple different chart types stacked, column type with y value as color
- How to make split grouped column bar chart in highcharts with percentage?
- how to change the color of column in chart ?
- How to change the color of series(grouped column chart) only with json object(without js function) on Highchart?
- How to render a bar chart with different series with only one entry per category in HighCharts
- How to show a column with the value Zero in Bar chart in Highcharts?
- how to create a column char with highcharts where each column has a different color
- How to apply color gradient in progress bar in high chart with stylemode in Angular
- How to show a column with the value Zero in Column chart in Highcharts?
- highcharts jquery dynamic change chart type column to bar
- highcharts: column chart color change based on value
- High chart - Column Range Chart with Time range. How to get tooltip as Start and End time
- How to use drilldown upto level 3 with different charts on each level in highcharts?
- Highcharts, how to change hover bg color for series with multiple columns (categories)
- How to Change Highchart Column Color Dynamicly
- Highcharts: Change Highlight Color of Column Chart
- How to add a horizontal line in Column bar chart in Highcharts plugin?
- How do I change a specific bar color in Highcharts Bar Chart?
- How to change color of donut chart in highchart?
- How to Build a Column Chart in Highcharts with Data Entered Dynamically Within a CMS
- how to dynamically change column chart to mirror chart using highchart
- How do I change the style of the inner part enclosed by the lines(polar) chart created with highcharts?
- Highcharts - how to export chart with different scale in one click
- How to change the background color of measure tool in stock chart in highstock?
- Change color of stacked bar chart
- How to change tooltip of a column chart programmatically in highchart
More Query from same tag
- In Highcharts, how to prevent legend pagination down arrow button get cut off?
- Highcharts: how to loop through array to add series
- Highcharts plotting line instead of area
- highcharts panning
- Using the source version instead of mimified when import lib with reactjs and npm
- Show only discontinuous points in Highcharts line graph
- Highcharts: setOptions for two different series of charts?
- Async Drill-down not updating of HighCharts
- How to change the X and Y axis names of Pie chart High Chart?
- Adding HighCharts Data Series With Property Names
- Display negative Y values above zero instead below in highcharts
- How to breaks highcharts x-Axis category
- (how) can we create semi circle donut chart, with range labels?
- Highcharts gauge is render before the data is fetched by json
- Returning javascript in an ASP.NET ajax postback fails, but works fine on initial page load
- highchart Dynamically updated data
- Possible to change the height inside the highchart drilldown?
- Highchart show/hide y axis with multiple associated series
- Render charts based on type with AngularJS components
- In highcharts, is it possible to make a bar in a column chart with its top bordering the edge of the chart area "on top" of the chart border?
- How to set intervals for multiple y-axis in Highcharts?
- Adding styling to a portion of a <text> tag depending on the value it contains
- How add custom content HighCharts PDF export?
- highchart.. browser stop working on loading a chart
- Highcharts in Vue.js component
- Colum Highchart
- Race condition leading to Highcharts error #13
- Heatmap 0 data values are not aligned properly
- Highcharts: How to use both axis - bar coming from y axis and spine coming from the x
- How to remove data gaps in HighCharts xAxis on a scatter chart