如何将图例从垂直视图更改为水平视图?

时间:2016-10-21 07:36:19

标签: javascript html css charts

我想将垂直视图中的图例更改为水平视图。

voicecalldata
.width(400)
.height(190)
.x(d3.scale.ordinal())
.xUnits(dc.units.ordinal)
.brushOn(true)
.dimension(voicecalldataDimension)
.group(Incoming1,"Incoming")
.group(Outgoing1,"Outgoing")
.legend(dc.legend().x(5).y(165).itemHeight(8).gap(3))

此处,voicecalldata是我的compositechart名称。

enter image description here

上述图例必须更改为以下格式。 enter image description here

有人请帮帮我。

1 个答案:

答案 0 :(得分:1)

使用

.legend(dc.legend().horizontal(true).x(5).y(165).itemHeight(8).gap(3))

阅读更多内容:

http://dc-js.github.io/dc.js/docs/html/dc.legend.html#horizontal__anchor