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
- Highcharts - Gantt Chart plot issue
- Tooltip modification in Highchart Js
- R highcharter, valuebox, eventreactive didn't work together in shiny
- hightchart : centered value and arrow
- how can I add a borderline to a plotBand when mouse move in and remove that borderline when mouse move out?
- How to set point height on Y axis for specific series
- HighCharts Stacked Column Adding Onclick Event to the chart
- Highcharts 12hr time format of x-axis labels
- Flowchart drawing with drilldown possible?
- How can I embed the AJAX output of JS in Javascript function
- Specify color for Pie Chart Highchart
- Highcharts multiple data points between xAxis
- HighChart on Android dynamically update
- Generate a highchart based on the output of an array
- How to include strings in series data to pull for tooltip point formatting?
- How to extend a line series as dotted only when checkbox is clicked?
- Is possible to add a frame in 3d chart?
- Highcharts custom renderer chart and tooltip
- Is it possible to plot a chat like the below screenshot using highcharts?
- Deleting last entered comma on PHP code
- How to show axis labels in Sparkline charts?
- Percentage for left style of a custom label in highcharts
- How do I make some columns in a chart stack while keeping others separate?
- how to update Large tree map without redrawing chart?
- Stacked Bar chart with multiple yAxis
- How to display no data found in highcharts
- Highstock chart tooltip activation only when inside the chart
- Hightcharts funnel plot. Labels outside of container are cropped
- Converting Datatable columns to array of array
- can we set the data labels out of the slice if it is not fit in +highchart?