dcjs y軸は序盤の棒グラフですか？

Question

dc.jsを使用して、数値の序数棒グラフを作成しました。私はx-tickを 'unknown'に追加したいので、順序チャートを選択しました。

問題はy軸です。軸のラベリング/スケーリングを修正することはできません。写真が示すように、[00,20,40,60,80]の間で交互に表示されます。私はフルレンジを持っていたいと思います。 y tickを手動で挿入しようとしましたが、y軸のアクセサメソッドがないようです。以下は私のコードとキャプチャです。

ghg2Chart /* dc.barChart('#volume-month-chart', 'chartGroup') */ 
     .width(FULL_CHART_WIDTH) 
     .height(FULL_CHART_HEIGHT) 
     .margins({top: 10, right: 20, bottom: 40, left: 20}) 
     .dimension(GHG2) 
     .group(GHG2Group) 
     .elasticY(true) 
     .centerBar(true) 
     .gap(5) 
     .round(dc.round.floor) 
     .alwaysUseRounding(true) 
     .x(d3.scale.ordinal().domain(GHG2bins)) 
     .xUnits(dc.units.ordinal) 
     .renderHorizontalGridLines(true) 
     //Customize the filter displayed in the control span 
     .filterPrinter(function (filters) { 
      var filter = filters[0], s = ''; 
      s += numberFormat(filter[0]) + ' -> ' + numberFormat(filter[1]); 
      return s; 
     }) 
     .filterHandler(function (dimension, filter) { 
      var selectedRange = ghg2Chart.filter(); 
      dimension.filter(function (d) { 
       var range; 
       var match = false; 
       // Iterate over each selected range and return if 'd' is within the range. 
       for (var i = 0; i < filter.length; i++) { 
        range = filter[i]; 
        if (d >= range - .1 && d <= range) { 
         match = true; 
         break; 
        } 
       } 
       return selectedRange != null ? match : true; 
      }); 
      return filter; 
     }); 

Answer 1

チャートとの唯一の問題は、ダニのための十分なスペースがないということですので、ラベルが切り取られてきています。

https://github.com/dc-js/dc.js/blob/develop/web/docs/api-latest.md#dc.marginMixin+margins

はマージンを増やしてみてください：

デフォルトは30個のピクセルですマージンを残しました。

chart.margins().left = 40; 

しかし、それは一種の混乱を招くので、より多くの一般的な方法は、dc.jsが自動的にこれを行うためにのためにそれは素晴らしいだろう

chart.margins({top: 10, right: 50, bottom: 30, left: 40}); 

です：：怠惰な方法がある

https://github.com/dc-js/dc.js/issues/713

を

しかし、テキストサイズに基づいてレイアウトを行うことはやや難しいので、今のところこれらのものはすべてマニュアルです（凡例、軸ラベルなどに影響を与えます）