score:4
Accepted answer
- Make a temp series object.
- Then loop through you data and assign
data.color
based on your value and push it to series data object. - After the loop finishes push the temp series object to the hightchart options series.
Example is a simple demo. You will need to adapt it to your need.
score:3
You can do this by specifying the colour in your data. e.g. from the highcharts examples:
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, {
y: 216.4,
color: '#BF0B23'
}, 194.1, 95.6, 54.4]
Source: stackoverflow.com
Related Query
- How to Change Highchart Column Color Dynamicly
- how to change color of line chart in highchart based on a categorical column in r?
- How to change series legend text color in HighChart chart?
- How to set series-label to false by default and change the color of series label text in highchart
- how to dynamically change column chart to mirror chart using highchart
- How to change tooltip of a column chart programmatically in highchart
- How to change color of bar in column chart with different level of percentage in highcharts
- how to change bar hover color of highchart dynamically?
- How to change the Highchart plotline color for theme
- Change color of a column in highchart with a default color
- How to change rCharts Highchart Color based on Factor Variable
- Column based Highchart drilldown series assign color code to each column
- Highcharts - Column Chart Drilldown, how to change the drilldown bar color based on some value
- How to change color on the Highchart Sparkline line only?
- 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 change color of single column in Highcharts column graph when data is in CSV form?
- how to disable the color change on mousehover in sankeycharts Highchart . { hover: {color: '#a4edba',opacity: 1,filter: {type: 'none',}}} didnt work
- How to change default line color in highchart stock GUI tools?
- How to add different color border in column highchart
- How do you change the colour of each category within a highcharts column chart?
- Highchart - change color of one x-axis label only
- How to change the font family of Highchart to Bootstrap css default font family
- How to change the text color in Highcharts
- Change color of bars depending on value in Highchart bar-chart with MVC3
- How to apply borderRadius only for top side of Column or Bar in Highchart
- Highcharts column range change color for negative numbers
- How to know information about the clicked bar in highchart column r shiny plot
- How to disable the on-hover color change in Highcharts?
- Highcharts Change column color on hover
More Query from same tag
- Plot line is hiding behind trend in highcharts and movement of plotline is become very hindrance when loaded with very large data sets
- Highcharts adding new data points in VueJS / Vuex
- Use Json array to populate chart
- make xaxis datalabels have same color like bar Highcharts
- Mix categories and subtasks in HighCharts Gantt?
- How to get multiple lines in highcharts?
- How do I skip a datapoint in Highcharts without causing an interruption in the line of the chart?
- Highcharts JSON graph not showing in IE
- How to reduce the area around a highcart?
- Making y axis of highcharts in time format hh:mm
- Adding Escaped Quotes to Highcharts label
- HighCharts Custom SVG Marker Symbol
- Exporting HighCharts chart specific height width
- Day vs Time on Scatter plot
- Display a tooltip for two points with exactly the same time
- Highcharts series data select point video sync
- How can I access the 'this' field in plotOptions of highcharts
- Modify z-index of AG-grid cell's tooltip
- HIghstock Timeseries data date format
- How to achieve this using HighCharts Network chart
- How to set xaxis label according my json result data?
- R Highcharter margins go weird depending on y-max
- HighCharts: How to Determine on Click Event what Data Grouping the Chart is Currently In?
- Highcharts multiple charts on a single page using c# asp.net mvc3
- Datatable Highcharts
- highcharts, how to prevent series hover event to cause hover event on nearest point(marker)
- Highcharts datalables enabled for one series and one point on the chart via chart function
- Center visible HighMaps area
- Highcharts :Rendering only Percentage Bar Using type: 'xrange'
- Override auto generated Y axis plot area values in Highcharts