如何增加橫向格式的圖例之間的差距？

我創建了一個圖表，其中的傳說正在重疊。我嘗試增加gap()的值。但它只適用於傳奇處於垂直模式。我對圖表使用了下面的代碼。請幫助我移動這些傳說，以免它們重疊。 當前分析是圖表的名稱。如何增加橫向格式的圖例之間的差距？

currentanalysis 


.width(280) 
.height(190) 
.dimension(currentanalysisdimension) 
.group(Incoming2) 
.group(Outgoing2) 
.elasticY(true) 
.yAxisPadding(1) 
.x(d3.scale.ordinal().domain(["2","3","4","5"])) 
.xUnits(dc.units.ordinal) 
.legend(dc.legend().x(0).horizontal(true).y(170).itemHeight(20).gap(0)) 
.compose([ 
    dc.lineChart(currentanalysis) 
      .dimension(currentanalysisdimension) 
      .colors('blue') 
      .group(Incoming2, "Incoming/Download") 
      .dashStyle([10,0]) 
      .renderDataPoints({radius: 4, fillOpacity: 0.8, strokeOpacity: 0.8}), 

    dc.lineChart(currentanalysis) 
      .dimension(currentanalysisdimension) 
      .colors('orange') 
      .group(Outgoing2, "Outgoing/Upload") 
      .dashStyle([10,0]) 
      .renderDataPoints({radius: 4, fillOpacity: 0.8, strokeOpacity: 0.8}), 

     ]) 


    .renderlet(function (chart) { 
        chart.selectAll("g._3").attr("transform", "translate(" + 15 + ", 0)"); 
        chart.selectAll("g._2").attr("transform", "translate(" + 15 + ", 0)"); 
       }) 
.render() 
});

我得到的結果爲：

來源

2016-11-03 Vinoth Kumar

使用下面的一段代碼。這將工作。

.legend(dc.legend() .x(10).y(195).itemWidth(120).horizontal(true))

來源

2016-11-04 06:03:06

工作，非常感謝你 –

如何增加橫向格式的圖例之間的差距？

回答

相關問題