[Solved]-set color of grouped stacked column in highcharts-Highcharts

score:3

You need to set colors for Highcharts in that way, for example, basing on default colors:

var colors = Highcharts.getOptions().colors.slice(0), // get default colors
    dark = -0.5;


colors[1] = Highcharts.Color(colors[0]).brighten(dark).get(); // using Highcharts.Color(), get darker golor, using first color as base

colors[3] = Highcharts.Color(colors[2]).brighten(dark).get();

Now just set this colors:

$('#container').highcharts({

    chart: {
        type: 'column'
    },

    colors: colors,

Demo: http://jsfiddle.net/0n7g4a1e/2/

Paweł Fus 44407

score:0

You can use an hex color as:

                var colors = [];
                colors[0] = '#ff0000';
                colors[1] = '#ff6600';

and then use:

                Highcharts.chart('your_char_id', {
                    chart: {
                        type: 'column'
                    },
                    colors: colors,

gopeca 1415

score:1

colors = ['#195594', '#a4d3fd', '#dde0e0'];

and then

Highcharts.chart('your_char_id', {
    chart: {
        type: 'column'
    },
    colors: this.colors,
});

user6079017 11

Source: stackoverflow.com

[Solved]-set color of grouped stacked column in highcharts-Highcharts

Related Query

More Query from same tag