Personnaliser les couleurs des séries individuelles dans HighCharts

Je suis à l'aide de HighCharts pour une ligne graphique et je suis attemping pour changer la couleur de la ligne pour chaque série. J'ai trouvé cet exemple ici mais les données sont codés en dur. Mes données sont extraites d'une base de données Sql et transmis à la page HTML à l'aide de certains de code visual basic.

        var chart; 
        $(document).ready(function () {
            chart = new Highcharts.Chart({
                chart: {
                    renderTo: 'container',
                    defaultSeriesType: 'column'
                },
                title: {
                    text: 'Chart Title'
                },
                subtitle: {
                    text: 'Chart subtitle'
                },
                xAxis: {
                    categories: [<%= GraphDate %>]
                    ,
                    labels:
                    {
                        rotation: -45,
                        align: 'right',
                        style:
                        {

                        }
                    }
                },
                yAxis: {
                    min: 160,
                    title: {
                        text: 'Temp'
                    }
                },
                legend: {
                    layout: 'vertical',
                    backgroundColor: '#FFFFFF',
                    align: 'left',
                    verticalAlign: 'top',
                    x: 400,
                    y: 0,
                    floating: true,
                    shadow: true
                },
                tooltip: {
                    formatter: function () {
                        return '' +
                            this.x + ': ' + this.y + ' ºC';
                    }
                },
                plotOptions: {
                    column: {
                        pointPadding: 0.2,
                        borderWidth: 0
                    }
                },
                series: 

                [<%= GraphSeries %>],
            });

J'ai essayé de style à l'aide de l'autre message mais il n'a pas pu générer un graphique. Le principal problème est que, la ligne graphique a deux série, de sorte que la méthode ci-dessous permettrait de définir la couleur pour les deux séries, je suppose? Alors, j'ai peut-être besoin de formater la série dans mon code vb en quelque sorte?

series: [{ 
    color: 'yellow',
    data: [
        [<%= GraphSeries %>]
    ]},

Edit:

$(document).ready(function () {
            chart = new Highcharts.Chart({
            colors: ['#4572A7', '#AA4643', '#89A54E', '#80699B', '#3D96AE', '#DB843D', '#92A8CD', '#A47D7C', '#B5CA92']

                chart: {
                    renderTo: 'container',
                    defaultSeriesType: 'column'
                }

source d'informationauteur Blob | 2012-04-01

  1. 26

    Haut niveau config peut contenir colors champ. C'est un tableau à partir de laquelle la série les couleurs seront choisies.

    Voir ici.

    Ici de travail de morceau de mon projet

    var chart;
$(document).ready(function () {
    chart = new Highcharts.Chart({
        chart:{
            renderTo:'perfchart',
            type:'line',
            marginRight:130,
            marginBottom:25
        },
        colors: ['#0000FF', '#0066FF', '#00CCFF'],
        title:{
            text:'Historical system performance',
            x:-20 //center
        },

    Apparence:

    Personnaliser les couleurs des séries individuelles dans HighCharts

  2. 3

    Voir le code (et l'intrigue qu'il rend) ci-dessous.

    L'extrait de code ci-dessous est un complète script--c'est à dire, soit le mettre dans votre balisage entre deux balises de script ou comme un stand-le long de fichier js avec un inclut dans votre balisage.

    Colors est un objet Graphique donc, le plus simple est de passer un tableau de couleurs (comme hex de chaînes de caractères): 

     $(function () {
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'line'
            },
            colors: ['#562F1E', '#AF7F24', '#263249', '#5F7F90', '#D9CDB6'],
            title: {
               text: false
            },
            yAxis: {
                title: {
                    text: false
                }
           },
           series: [{
                name: 'series I',
                data: [17.4, 16.1, 19.45, 24.15, 28.44, 33.15, 37.2, 41.25, 43.3]
           },
           {
                name: 'series II',
                data: [13.19, 17.23, 25.74, 28.5, 33.9, 35.62, 37.0, 36.6, 34.82]
           }
           ]
        });
    });
})

    Personnaliser les couleurs des séries individuelles dans HighCharts

  3. 3

    La couleur peut être configuré en tant que partie de la série. Essayez quelque chose comme ceci:

    series: [
    {
        name: 'series I',
        color: '#ffffff',
        data: [17.4, 16.1, 19.45, 24.15, 28.44, 33.15, 37.2, 41.25, 43.3]
    }
];