2017-02-07 6 views
0

Я создал диаграмму столбцов с горизонтальной границей Левая средняя левая.Добавить максимальную ширину в легенду в Highcharts

Но с этой конфигурацией (горизонтальной + средней + левой) диаграмма почти не видна.

Легенда должна быть обернута вместо того, чтобы взять все доступное место.

Решением было бы установить максимальную ширину . Но как я могу это сделать?

Вот пример: http://jsfiddle.net/zjp8m60w/

legend: { 
     align: 'left', 
     verticalAlign: 'middle', 
     layout: 'horizontal', 
     floating:false, 
    } 

Спасибо!

+0

что ожидается выход? любые визуальные эффекты? –

ответ

1

Что касается изменения, чтобы выровнять их по вертикали, чтобы они не накладывали график. С параметром itemWidth вы можете установить ширину меток.

legend: { 
    align: 'left', 
    verticalAlign: 'middle', 
    floating:false, 
    itemWidth: 80, 
    floating: false, 
    layout: 'vertical' 
} 

Обновлено JSfiddle here


Горизонтальное выравнивание со словом-оберткой

legend: { 
    align: 'left', 
    verticalAlign: 'middle', 
    floating: false, 
    width: 175, 
    layout: 'horizontal', 
    itemStyle : '{ "word-wrap": "break-word"}' 
} 

JSFiddle here См

+0

Да, конечно, он работает с вертикальным выравниванием, но мне нужно, чтобы он работал с горизонтальным выравниванием :) –

+0

На моем примере он не работает: '( http://jsfiddle.net/fvrvjpah/ –

+0

Я обновил ваш пример и разветвил его под: http://jsfiddle.net/fvrvjpah/1/ –