2016-04-20 10 views
0

Ich würde gerne die nvd3 eckige multiBarChart verwenden, aber es gibt buchstäblich keine Dokumentation. Ich habe gegoogelt und in den Stack-Überlauf geschaut, kann aber nichts finden, was zu meinem einfachen Fall passt. Meine Frage ist, wie man den JSON für das multiBarChart formatiert. Ich habe 3 Schlüssel und jede der Schlüssel hat zwei Werte. Die drei Schlüssel sind Strings und die Werte sind ganze Zahlen.Angular NVd3 multiBarChart

Beispiel:

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

Ich mag würde dies in einem gestapelten Balkendiagramm anzuzeigen nvd3 verwenden. Hier ist etwas, was mir einfällt. Ist das ein richtiger Weg?

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

Es funktioniert nicht

+0

für Sie arbeiten, ist dies ein? http://cmaurer.github.io/angularjs-nvd3-directives/multi.bar.chart.html Wenn nicht, können Sie den Link der Bibliothek, die Sie verwenden, veröffentlichen? Vielen Dank – Giordano

Antwort

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 }] 
      } 
]; 

ich denke, das sollte

Verwandte Themen