score:1
you can always simply set colors for series/chart and then set colorbypoint
to true, see: http://jsfiddle.net/qgbpk/
the good thing is that you don't need to preprocess your data to add color for a specific point.
score:1
the details for how to do this are clear in the api documentation: http://api.highcharts.com/highcharts#series.data.color, you can set the color on an individual data point, see here:
so, from your example this does what you want:
var chart = new highcharts.chart({
chart: {
renderto: 'container',
type: "bar"
},
xaxis: {
categories: [ "july", "august", "september", "october"]
},
series: [{
data: [2341, 1245, 989, { color: 'red', y: 1829 } ],
}]
});
if you want to change the colour later then the linked answer in the comments shows how -- there is a loop there changing all the points, you can use it to change just one.
Source: stackoverflow.com
Related Query
- Changing bar colors on data that is within the same series data
- How to draw two series in the same chart that has different data time in xAxis
- Several Series with the same xAxis data in HighChart
- Highcharts: make y-axis extremes the same for two data series with different units
- Highcharts show the same yAxis start and end value with multiple data series
- Highcharts: aligning data labels on the same line in bar charts
- What's the code in Highcharts such that the bars (columns) in the same group use the same color?
- stacked bar graph yAxis plotbands width is changing when toggle/add/remove the series dynamically
- How to set different bar width in the same series Highchart
- How to modify the code so that Highcharts graph does not cover fixed navigation bar at the top of the page?
- Changing data dynamically for a series in Highcharts
- Reduce gap between series data in Bar Highchart
- Customizing the colors of individual series in HighCharts
- Changing Highcharts data series type dynamically
- Highcharts - How to set custom colors for the series
- Can color of data label be different inside and outside of the bar in Highchart
- Change series data dynamically in react-highcharts without re-render of the chart
- Highchart data series filled with different colors
- highcharts link series such that turn one off turns off the other
- How to position datalabel at the base of bar series
- Use single color for all series in the same chart
- Sort the series data for every X-Axis in Highcharts
- Highcharts: update series on multiple charts with same data
- Changing data in HighCharts series causes y-axis to blow up
- Highcharts: How to provide a custom stack label in highcharts bar graph from within the stackLabel formatter?
- Highcharts add tooltip that has a small arrow pointing toward the series
- How can I hide ALL series with the same ID with a button on highcharts? (line graph)
- Highcharts- how to set yAxis to the closest or exact value in the series data
- How do you set the stack order of the series in a stacked bar chart?
- How to set minimum height of data element of series in stacked bar chart?
More Query from same tag
- Highchart multicolour areaspline
- Highcharts Error #17 (Vue.js), in columnrange series
- jQuery.HighchartTable custom tooltip
- Highcharts - zoom xAxis and pan along axis
- How can I change a Highcharts bar color based on a third field?
- Highchart reloading upon call issue - javascript
- How to display several labels in Highchart.js?
- How do I increase the clickable area of a point in Highcharts so that whenever the point is 'active' a click can be recorded?
- How to hide "showInLegend" of Highcharts in angular 8.1?
- Recreating a highcharts donut chart in highcharter
- Remove border from multiple plots of Stacked and Grouped Column chart (Highcharts.js)
- Display the value of plotband border in the highcharts
- enable disable hover in highchart.stock
- How to change DateTime format on Highcharts?
- Highchart example not working in seperate html page
- HighCharts Hours/Minutes
- Re-loading high charts with subsection of json data
- Highcharts - Column chart customization
- How to assign chart title as exporting filename?
- Using HighCharts with Lambda Expression
- How to add button image in normalstate,hoverstate,pressed state and disabled state in Renderer button using highcharts?
- highchart tooltip with multiple additional data in tooltip?
- HighCharts how to place dates in the Y-Axis (vertical axis)
- Rounding results in highcharts jquery script
- Require highcharts-browserify to use specific version of highcharts?
- Redraw issue in Highcharts 3D Scatter Chart
- How to show first and last label of x axis Highcharts
- odd spacing between bars in Highcharts
- How to Change Highchart Column Color Dynamicly
- Dynamic Highcharts with maximum xaxis points