Changement Highcharts couleur de Série

EDIT:
Alors maintenant, j'ai un tableau avec toutes mes données poussé à l'extrême droite, MAIS j'ai des étiquettes de différentes couleurs pour les séries que je veux montrer, mais pas de données?? Mis à jour mon code

Original post:
J'ai un travail highchart ici http://opensourcesurf.com/chart.html . Le problème est quand je l'ai essayer et changer la couleur d'un individu de l'ensemble de données, ils ont tous changer. Comment pourrais-je changer ces paramètres étant donné mon code? Merci à l'avance!

code:

    var options1 = {
    chart: {
        renderTo: 'container1',
        type: 'area'

        },
    xAxis: {
                type: 'datetime'

    },

    series: [{
        name: 'Swell Period',
        color: '#0066FF',
        data: 'newSeriesData',
    },
    {   name: ' Maximum Breaking Wave Height',
        color: '#ffffff',
        data: 'newSeriesData',
    },
    {   name: 'Swell Height',
        color: '#123456',
        data: 'newSeriesData',
    }],
};

var drawChart = function(data, name, color) {



 var newSeriesData = {
    name: name,
    data: data
 };

    //Add the new data to the series array
    options1.series.push(newSeriesData);

    //If you want to remove old series data, you can do that here too

    //Render the chart
    var chart = new Highcharts.Chart(options1);



};
$.getJSON('decode.php', function(data){
    drawChart(data, 'Swell Height');
}); 

$.getJSON('decode2.php', function(data){
    drawChart(data, ' Maximum Breaking Wave Height');
});

$.getJSON('decode3.php', function(data){
    drawChart(data, 'Swell Period');
});

InformationsquelleAutor MacD | 2013-11-08

highcharts javascript

11

Essayez ceci:
```
//'series' is an array of objects with keys: 
//    - 'name' (string)
//    - 'data' (array)
//    - 'color' (HTML color code)
var newSeriesData = {
    name: name,
    data: data,
    color: color

};
```
- Même résultat.. les Changements de toutes les couleurs. Merci pour l'aide tho!
- Pour l'ensemble de données différent de l'objet en série, vous devez utiliser les différents code couleur.
InformationsquelleAutor Ethan Wu

La façon de spécifier une couleur pour une série spécifique est à définir lorsque vous êtes à la définition de la série. Par exemple:

series: [{
        name: 'John',
        color: '#0066FF',
        dashStyle: 'ShortDash',
        data: [
            [Date.UTC(2010, 0, 1), 29.9],
            [Date.UTC(2010, 2, 1), 71.5],
            [Date.UTC(2010, 3, 1), 106.4]
        ]
    },

Donc, essentiellement, lorsque vous créez votre série de votre drawchart la fonction, faire un chèque pour le nom, et de manière appropriée attribuer une couleur:

var color;
 if(name=="Swell Height"){
     color="#0066FF";
 }else if(name=="Maximum Breaking Wave Height"){
     color="#0066EE";
 }else if(name=="Swell Period"){
     color="#0066HH";
 }

 var newSeriesData = {
    name: name,
    data: data,
    color: color
 };

Ok, essayé et il a baissé dans mon graphique. Je vais continuer à jouer avec tho. Merci pour l'aide!
'#0066HH'? 'HH' vraiment!?! Quand ont-ils commencé à soutenir HH dans le code couleur?!
La joie après GG ))

InformationsquelleAutor AzadMemon

1

Il me semble que vous n'êtes pas en boucle à travers le tableau de données et/ou vous avez seulement un ensemble de données dans data.
- Je pense que vous avez raison, peut-être simplement un ensemble de données. puis-je cracher dans plusieurs ensembles?
- Si vous avez seulement une "ligne" de données, il est l'un series. Vous pouvez avoir plusieurs séries de données si. Quelque chose comme series: {name: name1, data: data1, color: color1}, {name: name2, data: data2, color: color2}...}
InformationsquelleAutor wergeld

Vous devez vous connecter pour publier un commentaire.