Учитывая следующую скрипку, http://jsfiddle.net/JoelStransky/5QCmG/1Highcharts набор высоты легенды
Как бы я установить высоту легенды, так что он не нуждается в навигации? Api не имеет legend.height
Учитывая следующую скрипку, http://jsfiddle.net/JoelStransky/5QCmG/1Highcharts набор высоты легенды
Как бы я установить высоту легенды, так что он не нуждается в навигации? Api не имеет legend.height
Я подумал, что возможно, что свойство maxHeight
сделает это, но не сможет получить высоту, чтобы ее изменить.
Я думал, что буду возиться с имуществом y
и нашел сценарий, который, кажется, работает очень хорошо. Вы можете настроить его по своему усмотрению.
legend:{
align: 'right',
verticalAlign:'middle',
width: 200,
itemWidth: 100,
y: 85
},
Кажется, что Highcharts запускает навигацию, когда вычисленная высота легенды превышает определенное значение. Таким образом, вы можете увеличить высоту графика, если это вариант.
<div id="container" style="min-width: 310px; height: 450px; margin: 0 auto"></div>
Highcharts вычисляет высоту легенды в зависимости от элементов легенды внутри нее. если это превысит высоту диаграммы, это может вызвать проблему.
В легенде вы можете ограничить высоту с помощью maxHeight, но если высота надписи превышена, появятся элементы управления навигации maxHeight. поэтому лучше вычислить требуемую высоту самостоятельно и передать ее maxHeight, чтобы избежать навигационных элементов управления,
maxHeight: (no. of legend Items or series count) * line height of each item/2
надеюсь, что это может сработать.
'y: 30' to' y: 85', кажется, диапазон, который работает. – Trevor
Не имеет абсолютно никакого смысла, почему это работает, но это sorta делает в стороне от ущемления verticalAlign. Но ... лучший вариант у меня был весь день так ... –
жаль, что у меня недостаточно репутации, чтобы проголосовать за ваш ответ. –