2017-01-23 4 views
3

Ich schreibe, um Sie zu fragen, warum die Y-Achse von -1.0 beginnt, wenn alle Werte gleich Null sind, obwohl ich die Option forceY auf 0 gesetzt habe. Wie kann ich dieses Problem lösen?Nvd3 Multibarchart forceY Option funktioniert nicht, wenn alle Werte gleich 0 sind

Anbei erhalten Sie die Plunker: example

var app = angular.module('plunker', ['nvd3']); 

app.controller('MainCtrl', function($scope) { 
$scope.options = { 
     chart: { 
      type: 'multiBarChart', 
      height: 450, 
      forceY:[0], 
      margin : { 
       top: 20, 
       right: 20, 
       bottom: 45, 
       left: 45 
      }, 
      clipEdge: true, 
      duration: 500, 
      stacked: true, 
      xAxis: { 

       axisLabel: 'Time (ms)', 
       showMaxMin: false, 
       tickFormat: function(d){ 
        return d3.format(',f')(d); 
       } 
       ,ordered:'bottom' 
      }, 
      yAxis: { 

       axisLabel: 'Y Axis', 
       axisLabelDistance: -20, 
       tickFormat: function(d){ 
        return d3.format(',.1f')(d); 
       } 

      } 
     } 
    }; 

    $scope.data = [{"key":"2016","values":[{"x":"Gennaio","y":0,"color":"blue"},{"x":"Febbraio","y":0,"color":"#FFFFFF"},{"x":"Marzo","y":0,"color":"#FFFFFF"},{"x":"Aprile","y":0,"color":"#FFFFFF"},{"x":"Maggio","y":0,"color":"#FFFFFF"},{"x":"Giugno","y":0,"color":"#FFFFFF"},{"x":"Luglio","y":0,"color":"#FFFFFF"},{"x":"Agosto","y":0,"color":"#FFFFFF"},{"x":"Settembre","y":0,"color":"#FFFFFF"},{"x":"Ottobre","y":0,"color":"#FFFFFF"},{"x":"Novembre","y":0,"color":"#FFFFFF"},{"x":"Dicembre","y":0,"color":"#FFFFFF"}]},{"key":"2017","values":[{"x":"Gennaio","y":0,"color":"#FF9896"},{"x":"Febbraio","y":0,"color":"#FF9896"},{"x":"Marzo","y":0,"color":"#FF9896"},{"x":"Aprile","y":0,"color":"#FF9896"},{"x":"Maggio","y":0,"color":"#FF9896"},{"x":"Giugno","y":0,"color":"#FF9896"},{"x":"Luglio","y":0,"color":"#FF9896"},{"x":"Agosto","y":0,"color":"#FF9896"},{"x":"Settembre","y":0,"color":"#FF9896"},{"x":"Ottobre","y":0,"color":"#FF9896"},{"x":"Novembre","y":0,"color":"#FF9896"},{"x":"Dicembre","y":0,"color":"#FF9896"}]}]; 

}); 

Antwort

Verwandte Themen