la légende de l'indicateur de couleur changent pas avec la barre de couleur dans google charts

Je suis en train de travailler avec Google charts. J'ai voulu changer la couleur de barre dans le graphique. Donc, en utilisant la série de style, j'ai changé la couleur de la barre. Mais en même temps j'ai voulu changer la Légende de l'indicateur de couleur aussi, comme pour la barre de couleur. Mais je suis incapable de changer la légende de l'indicateur de couleur. S'il vous plaît aider moi.

voici le graphique de code:

 google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart3);
      function drawChart3() {
          var data = google.visualization.arrayToDataTable([
            ['Priority', 'Resolution(%)',{ role: 'annotation' },'ESL(%)',{ role: 'annotation' },{ role: 'style' }],
            ['P1', <%=P1_PERCENT %>,<%=P1_PERCENT%>,95,95,'color: #fcb441' ],
            ['P2', <%=P2_PERCENT%>,<%=P2_PERCENT%>,95,95,'color: #fcb441' ],
            ['P3 & P4', <%=P3_P4_PERCENT%>,<%=P3_P4_PERCENT%>,90,90,'color: #fcb441' ]
            ]);

        var options = {
          tooltip:{textStyle:{fontName:'"Arial"'}},
          title: 'Resolution(Priority Wise)',titleTextStyle:{fontName:'"Arial"'},
          hAxis: {title: 'Priority', titleTextStyle: {color: 'black',fontSize:'15',fontName:'"Arial"'}},
          vAxis: {minValue:0},
          legend:{position: 'bottom'},
          chartArea:{width:'88%'}
        };

        var chart = new google.visualization.ColumnChart(document.getElementById('g4'));
        chart.draw(data, options);
      }

Je suis arriver tableau comme ci-dessous

la légende de l'indicateur de couleur changent pas avec la barre de couleur dans google charts

La légende de la couleur est déterminée par la couleur de série, qui vous sont prépondérants par la mise en couleurs pour les barres individuelles. Si vous voulez que tous les bars d'une série donnée pour être de la même couleur, définir la colors ou series.<series index>.color options au lieu d'utiliser la colonne de style.

OriginalL'auteur Sandeep Reddy K. | 2014-03-14

  1. 19

    Comme @asgallant a expliqué dans son commentaire, si vous voulez les mêmes couleurs pour les bars et de la légende, vous devez remplacer la couleur par défaut de la série et pas la couleur de la des bars.
    Pour ce faire, dans les options de l'objet, ajouter le color propriété qui contiendra votre couleur personnalisée de la série (tableau). Dans votre cas:

    var options = {
      tooltip:{textStyle:{fontName:'"Arial"'}},
      title: 'Resolution(Priority Wise)',titleTextStyle:{fontName:'"Arial"'},
      hAxis: {title: 'Priority', titleTextStyle: {color: 'black',fontSize:'15',fontName:'"Arial"'}},
      vAxis: {minValue:0},
      legend:{position: 'bottom'},
      chartArea:{width:'88%'},
      colors: ['#fcb441', 'blue']
    };

    OriginalL'auteur sica07