2017-04-24 8 views
3

私はグーグルチャート(折れ線グラフ)を持っており、凡例をカスタマイズする必要があります。詳しくは、http://plnkr.co/edit/ysZwYaAQpMhHarcA2UHq?p=preview[Plunker][1]を参照してください。私は以下のような伝説の情報をスナップしたいですRequired change in legend snap角度グーグルチャートの凡例情報をカスタマイズする方法

私はR1、R2、そのスコアはR1 100と表示されます。 グラフのデータが異なり、リリースデータの選択のドロップダウンが異なることに注意してください。いずれもreleaseId R1、R2を持っています。したがって、ドロップダウン値の選択でR1、R2またはR3と言うと、グラフデータからその行だけを描画グラフにプッシュしています。

基本的に、私は選択されたR1スコアを凡例に表示する必要があります。

これが以前に行われたことについて、いくつかのアイデアやリンクを教えてください。前もって感謝します。

+0

少し難しい
をスコアを追加しますあなたは伝説の得点だけを求めていますか?凡例は、データ表の列の見出しを表示し、列の見出しにスコアを追加します。 – WhiteHat

+0

あなたが理解できたら、plunkerを確認してください。実際にグラフのデータは異なり、ドロップダウンオプションのデータは異なります。 r1を選択すると、r1をグラフ描画にプッシュしています。今私はスコアR1 100、R2 150 R3 186であるグラフの極端な右側の凡例が必要です。 – Sudarshan

+0

@WhiteHat伝説の幅を広げる方法は?私はいくつかの内容の後にそれを示すことを意味します。何か方法はありますか? – Sudarshan

答えて

1

...あなたは以下でdrawChart機能を置き換えるチャートに

を描画する前に列ラベルにスコアを追加することができ、伝説にまで

function drawChart() { 
     var chartColors = []; 
     var chartColumns = [0]; 
     var checks = document.getElementsByTagName('input'); 
     for (var i = 0; i < $scope.selectedNewRelease.length; i++) { 
      var seriesColumn = getColumnIndex(x, $scope.selectedNewRelease[i].releaseId); 
      chartColumns.push(seriesColumn); 
      x.setColumnLabel(seriesColumn, x.getColumnLabel(seriesColumn) + ' ' + $scope.selectedNewRelease[i].score); 
     } 
     var view = new google.visualization.DataView(x); 
     view.setColumns(chartColumns); 
     chart.draw(view, options); 
      if ($scope.selectedNewRelease.length>0) { 
       $scope.Grtgraph=true; 
      }else{ 
       $scope.Grtgraph=false; 
      } 
    } 

    function getColumnIndex(data, columnLabel) { 
     for (var i = 0; i < data.getNumberOfColumns(); i++) { 
     if (data.getColumnLabel(i) === columnLabel) { 
      return i; 
     } 
     } 
    } 
+0

ええ、ありがとうatonと1 upvote、私たちは私のように別々に行うことはできませんか?丸い色の点で、その丸い点の前にスコアを表示できますか? – Sudarshan

+0

私はすべての私の仕事を今日までにしているすべての私の仕事を持っています、私のプロジェクトはライブラリをロードするために使用するので、私はそれをホストすることはできません私は私が新しい質問を作成した私の問題を説明した、私はangularjsのGoogleグラフの方法で私のコードが必要ですこの質問に見ていただきたい、おそらく私の助けてくださいGoogleのチャートの最後のヘルプhttp://stackoverflow.com/questions/43829631/how-to-convert-javascript google-chart – Sudarshan

+0

私のコメントのために新しい質問が追加されました。私のコードを今すぐ知っていますか?jsapiの代わりにangularjs Googleのグラフメソッドを使用して同じコードを書くのを手伝ってください。 – Sudarshan

関連する問題