У меня есть следующая проблема: Я хотел бы привести текст легенды следующим образом: Легенда:Highcharts Легенда пункт выравнивание текста
[Color1] Title1: -------- ------- 100.000.000 €
[Color2] Title23343334: ----- 100.000.000 €
[color3] Title23343334: ------ 10.000.000 €
Знаете ли вы, как я могу это сделать?
Для этого вам необходимо установить useHTML: true и определить элементы html в функции labelFormatter и задать ширину этих элементов с помощью CSS.
Пример:
(существует множество способов настроить в HTML и CSS для достижения этой цели - это только один пример)
Вы можете определить itemWidth, которые задайте static с каждым элементом легенды.
Я видел, что это полезно, когда макет легенды горизонтальный. Я использую вертикальную компоновку, так что элементы легенды один ниже другого. – cimbom
Дайте мне знать, где проблема, когда у вас есть вертикальная, потому что тогда может применяться и itemWidth. –
Sebastion - проблема не в ширине элемента. Пользователь хочет фиксированную ширину для первой части текста легенды, а затем значение данных для этой записи, выровненное справа от нее. – jlbriggs
Благодарю вас за помощь. Но как я могу настроить CSS так, чтобы значок элемента legend и заголовок элемента legend не имел места между собой, как в стандартной версии? В вашем примере у меня есть пробел, я думаю, из-за отображения: inblock-property. Если я удалю его, цифры не будут выровнены правильно, как в вашем примере. – cimbom
Интервал - это вопрос о настройках поля и отступов. Просто удалите их: http://jsfiddle.net/jlbriggs/yra1rw51/10/ – jlbriggs
большое спасибо :) – cimbom