Увеличение высоты элемента группы (<g>) в svg

Я использую c3js для генерации диаграмм. Мои данные имеют столбцы, имена которых очень большие. Поэтому, когда диаграмма визуализируется, эти метки меток сталкиваются с меткой xaxis (размещаются на внешней -центр). Если я перемещаю ярлык xaxis, я мог бы четко видеть текстовые метки. Но высота элементов группы (WHICH AUTOMATICALLY CALCULATED) делает эту метку невидимой, если я ее перемещаю. Если я увеличу высоту, я смогу разместить эти ярлыки с достаточным пространством между ними.Увеличение высоты элемента группы (<g>) в svg

Благодаря

источник

2015-08-20 Nithin A

Вам не нужно, чтобы переместить метку оси х (я предполагаю, что вы имеете в виду название) вручную. Существует конфигурация, что вы можете изменить - axis.x.height (см http://c3js.org/reference.html#axis-x-height)

Вы можете использовать его как так

... 
axis: { 
    x: { 
     height: 60, 
     ...

Fiddle - http://jsfiddle.net/oven6x7k/

источник

2015-08-26 09:43:23 potatopeelings

Я рассматривал этот вариант, но проблема в том, что высота является постоянной, если метки малы, будет огромный зазор между осью и меткой оси x или если высота надписи превышает 60, они будут перекрываться. Я хочу динамически регулировать положение метки оси после метки метки конец. –

Не могли бы вы опубликовать код, который у вас есть до сих пор в скрипке? Ура! – potatopeelings

http://jsfiddle.net/oven6x7k/3/ –

Увеличение высоты элемента группы (<g>) в svg

ответ

Смежные вопросы