#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()
помогает, только если условные обозначения вертикальные.