2016-04-20 11 views
0

nvd3 angular multiBarChartを使用したいと思いますが、ドキュメントはまったくありません。私は周りにグーグルで、スタックのオーバーフローを見ていますが、私の単純なケースに合うものを見つけることができません。私の質問は、multiBarChartのjsonをフォーマットする方法です。私は3つのキーを持っており、それぞれのキーは2つの値を持っています。 3つのキーは文字列で、値は整数です。Angular NVd3 multiBarChart

例:私はnvd3を使用して積み上げ棒グラフでこれを表示したいと思い

Keys: {"hi", "hello", "whatup"} 
Values for each of the keys: {"hi":[10,5], "hello":[11,6], "whatup":[9,12]}. 

。ここに私が思いついた何かがあります。これは正しい方法ですか?これは

$scope.data = [{ 
      values: [{ 
       "label" : "hi" , 
       "value" : {"A" : 10, "B" :5} 
      },{ 
       "label" : "hello" , 
       "value" : {"A" : 11, "B" :6} 
      },{ 
       "label" : "whatup" , 
       "value" : {"A" : 9, "B" :12} 
      }] 
    }]; 

それは私がこれがあなた

+0

のために働くべきだと思い – Giordano

答えて

0
$scope.data = [ 
      { 
       key: 'hi', 
       values: [{x: "A", y: 10 },{x: "B", y: 5 }] 
      }, 
      { 
       key: 'hello', 
       values: [{x: "A", y: 11 },{x: "B", y: 6 }] 
      }, 
      { 
       key: 'whatup', 
       values: [{x: "A", y: 9 },{x: "B", y: 12 }] 
      } 
]; 

が動作していないのですか? http://cmaurer.github.io/angularjs-nvd3-directives/multi.bar.chart.html そうでない場合は、使用しているライブラリのリンクを投稿できますか?ありがとう
関連する問題