如何扩展图表的边距,以便我的图例不被切断?

时间:2015-06-27 03:11:46

标签: d3.js dc.js

我想在dc.js中显示条形图的图例,但我想在图表外显示它(包括轴)。但是,文本总是被切断。当我更改边距时,轴标签会延长并且样式关闭。我如何仅为图例而不是轴标签或图表扩展边距?

1 个答案:

答案 0 :(得分:1)

在回答你之前,我已经尝试过这并不困难。使条形图的画布尺寸大于图表的“宽度”。现在提到图例中的x( )y( )坐标大于图表的宽度。就是这样。

在我的情况下,我的图表的svg或“画布”被赋予页面的整个宽度,但我允许图表的*(请注意,图表是绘制图表的画布宽度的一半) *宽度只有一半(比如calcWidth = 550)。现在我把“传奇”写成了

.width(calcWidth)
.legend(dc.legend().x(width+250).y(5).itemHeight(15).gap(5))