如何扩展图表的边距以使图例不被截断?
How do I extend the margins of my chart so that my legend doesn't get cut off?
我想在 dc.js 中显示我的条形图的图例,但我想在图表之外(包括轴)显示它。但是,文本总是被截断。当我更改边距时,轴标签会扩展并且样式会关闭。我将如何只为图例而不是轴标签或图表扩展边距?
这并不难,我在回答你之前已经试过了。使您的条形图 canvas 比图表的 'width' 大。现在提到图例中的 x( )
和 y( )
坐标大于图表的宽度。就是这样。
在我的例子中,我的图表 svg
或 "canvas" 被赋予了页面的整个宽度,但我允许图表*(注意图表是 canvas 呈现图表的位置)* 宽度仅为一半(比如 calcWidth = 550)。现在我把 "legend" 写成
.width(calcWidth)
.legend(dc.legend().x(width+250).y(5).itemHeight(15).gap(5))
我想在 dc.js 中显示我的条形图的图例,但我想在图表之外(包括轴)显示它。但是,文本总是被截断。当我更改边距时,轴标签会扩展并且样式会关闭。我将如何只为图例而不是轴标签或图表扩展边距?
这并不难,我在回答你之前已经试过了。使您的条形图 canvas 比图表的 'width' 大。现在提到图例中的 x( )
和 y( )
坐标大于图表的宽度。就是这样。
在我的例子中,我的图表 svg
或 "canvas" 被赋予了页面的整个宽度,但我允许图表*(注意图表是 canvas 呈现图表的位置)* 宽度仅为一半(比如 calcWidth = 550)。现在我把 "legend" 写成
.width(calcWidth)
.legend(dc.legend().x(width+250).y(5).itemHeight(15).gap(5))