Как изменить условные обозначения с вертикального вида на горизонтальный?

#javascript #html #css #charts

#javascript #HTML #css #Диаграммы

Вопрос:

Я хочу изменить легенды в вертикальном виде на горизонтальный вид.

 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 имя.

введите описание изображения здесь

Приведенную выше легенду необходимо изменить на приведенный ниже формат. введите описание изображения здесь

Кто-нибудь, пожалуйста, помогите мне.

Комментарии:

1. Добавить horizontal(true)

2. Спасибо, чувак, это помогло.

Ответ №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

Комментарии:

1. Знаете ли вы, как увеличить разрыв между этими горизонтальными условными обозначениями? Я попытался увеличить значение gap() , но это не помогает. gap() помогает, только если условные обозначения вертикальные.