NVD3.js scatter

你好，我正在努力做一個散點圖與nvd3.js庫。現在的事情是我想要兩個軸的寬度/高度相同。但即使代碼中的css的高度和寬度都設置爲相同的高度，y軸的高度也會更長。NVD3.js scatter

JS：

var chart = nv.models.scatterChart() 
          .width(300) 
          .height(300) 
          .showXAxis(true) 
          .showYAxis(true) 
          .forceX([-100,100]) 
          .forceY([-100,100]) 
          .tooltips(true) 
          .showLegend(false) 
          .tooltipContent(function(){ 
           return 'clock'; 
          });

CSS：

#main-chart { 
    width: 300px; 
    height: 300px; 
    margin: 0 auto; 
}

HTML：

<div class="container" ng-controller="film_factor_controller"> 
    <svg bubble-chart id="main-chart"></svg>

希望有人能幫助我

來源

2013-12-11 Sjaak Rusma

可能重複[如何設置nvd3圖表的高度和寬度]（http://stackoverflow.com/questions/16474988/how-to-set-height-and-width-of-nvd3-chart） – shabeer90

從源代碼中可以發現，forceX和forceY被設置爲使用D3的domain（）API的圖表。所以我猜這裏的nvd3 API不會真的「強制」，因爲實際長度將由d3計算，並且由輸入範圍決定。

也許你需要自己計算域，以便maxY和maxX正好位於軸的邊緣。

來源

2013-12-15 15:16:00

回答

相關問題