score:0
set the colorbypoint option to true and define the color sequence that you want.
options = {
chart: {...},
plotoptions: {
column: {
colorbypoint: true
}
},
colors: [
'#ff0000',
'#00ff00',
'#0000ff'
]}
score:1
maybe you are using same configuration object for all of your charts created in a loop.
const colors = highcharts.getoptions().colors
const option = {
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
type: 'column',
color: colors[0]
}]
}
const options = []
for (let i = 0; i < 4; ++i) {
option.series[0].color = colors[i]
options[i] = option
//options[i] = json.parse(json.stringify(option)) // clone object
}
for (let i = 0; i < 4; ++i) {
highcharts.chart('chart' + i, options[i])
}
live example: https://jsfiddle.net/q7x1lecg/
Source: stackoverflow.com
Related Query
- after using for loop all my column graphs are plotted in single color i need each bar in different color in highcharts
- Use single color for all series in the same chart
- How do I setup Individual Column color for each Column (HighStock/HighChart)
- set individual color for each bar in bar chart using highcharts
- Column based Highchart drilldown series assign color code to each column
- set the background color for column group graphs in highcharts
- Have single color for all words in highcharts word cloud
- In HighCharts, how can I make the color for each plotted point in an array dependent on a value in a corresponding array?
- Differtent pattern color for every single column in highchart
- Highstock Stockchart with custom color for single grouped column
- How to set specific color for each data in pie chart using phplot.php
- set different colors for each column in highcharts
- Highcharts column range change color for negative numbers
- Can I assign a different radius for each pie slice using Highcharts?
- Need to apply background color to each legend text highchart
- Using PhantomJS to create HighCharts grahps server side for use in PDF creation (PHP) - results in exit code 11 from PHPs exec();
- Color each point individually in column chart highcharts
- Need to make tooltip border color same as marker color using Highcharts
- Highcharts.js setting a threshold value for changing column color
- Passing in Id for each data item in bar chart using highcharts
- How to show Legends for all the series data in stacked column chart Highcharts?
- Legend for each point in column chart in highcharts
- Nested table yields unexpected columns for a basic column graph using high charts with 'Data defined in a HTML table'
- maxPointWidth causing more gaps for bars within each x point, in basic Column chart
- Set different width for each column in highcharts
- Highcharts column chart color by single color but with different brightness level as per respective column value
- Highcharts datalabel for each stacked column
- Highcharts gantt chart : Task progress indicator need to show a single task for various status like completed,inprogress etc with different colors
- Highcharts - stacked column - order series index dynamically for each category
- How make to fill space after column was hidden in column chart using highchart?
More Query from same tag
- Convert date to milliseconds for highchart date
- HighCharts - 2nd yAxis graphs not scaling correctly
- Is there a way to dynamically use setExtreme in Highchart?
- Detect a click on, and add hover/selected style for x axis on area chart in Highcharts?
- Replace NAN value in order to avoid Crash
- Is HighCharts supported in IE9?
- Drilldown Highmaps for Australia
- Dynamically update highcharts via setData for Yii-created Highcharts Widget
- How can I put xAxis in highcharts starting in the horizontal line when all values are in 0?
- Highchart manage state manually
- Overlapping columns in highchart
- set left and right margin in highchart
- Hide data labels of a HIChart's Pie chart using Swift 5.0
- Is there any way to test the highcharts with large data-set with Jest and React.?
- Creating a bubble map from custom GeoJson with Highcharts / Highmaps
- Changing bar colors on data that is within the same series data
- Highcharts labels cut off
- Highcharts Graph Blank Using JSON Data
- canvas image gets blurry
- Highcharts-serverside-export not rendering graph with Rhino 1.7R3
- How to Plot chart from two different webform Submission data And Wand to Display annotated point
- HighCharts: How to include text event to the left of chart when exporting
- Java Client for HighChart Export server REST service
- HIghcharts and dynamic json
- Append a jQuery variable to a click event handler function
- how to improve highcharts scatter 3d performance
- Using Highcharts Export Server, how to include commas in labels?
- How to create data in Json format for highcharts
- Fixed padding in callout box of timeline chart
- Highcharts get table from range selected only