angularjs nvd3-line-chart set y2 axe

Question

J'utilise la directive nvd3-line-chart angularjs. Mes données est:

$scope.exampleData = [ 
    { 
     "key": "Series 1", 
     "values": [ [1, 2], [2, 10], [3, 6], [4, 15], [5, 8] ] 
    }, 
    { 
     "key": "Series 2", 
     "values": [ [1, 5], [2, 30], [3, 8], [4, 11], [5, 4] ] 
    }, 
    { 
     "key": "Series 3", 
     "values": [ [1, 2000], [2, 10000], [3, 600], [4, 1500], [5, 8000] ] 
    } 
] 

Html:

nvd3-line-chart(
    data="exampleData" 
    id="graph-Data-1" 
    width="1170" 
    height="494" 
    showXAxis="true" 
    showYAxis="true" 
    tooltips="true" 
    useInteractiveGuideline="true" 
    showLegend="true" 
    ng-if="exampleData" 
) 

Comment puis-je attribuer Y2 à la série 3 données? J'ai trouvé la directive line-plus-bar-chart mais comment puis-je l'implémenter via la directive nvd3-line-chart?

Answer 1

Je crains que vous ne puissiez pas utiliser vos données pour rendre un axe secondaire. C'est hors de la portée des données elle-même.

La meilleure chose que vous puissiez faire est de duper vous-même: http://www.d3noob.org/2013/01/using-multiple-axes-for-d3js-graph.html