2013-02-11 2 views
0

У меня есть планшета с множеством серий. Я разместил легенду с названиями серий ниже диаграммы. Проблема в том, что я не могу заранее знать, какая высота легенды, а иногда бывает очень большой, что она перезаписывает вышеприведенный график.легенда перезаписывает диаграмму

Можно ли приспособить размер графа к размеру легенды в javascript-коде? Лучшим решением для меня было бы зафиксировать размер графика и увеличить высоту охватывающего элемента.

редактировать: jsfiddle который напоминает мою ситуацию: http://jsfiddle.net/KfWDD/1/

var chart = new Highcharts.StockChart({  
    chart: { 
     renderTo: 'container' 
    }, 
    legend: { 
     enabled: true, 
    }, 
    rangeSelector: { 
     selected: 1 
    }, 
    series: [{ 
     name: 'ADBE', 
     data: ADBE 
    }, { 
     name: 'MSFT', 
     data: MSFT 
    }] 
}); 

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

ответ

0

Вы можете установить для легенды maxHeight и добавить фиксированный margin, чтобы сделать некоторое пространство для этой легенды.

+0

Проблема заключается в взаимодействии легенды с навигатором. Я добавил jsfiddle для игры. Я не понимаю, как действуют «margin» и «y». –

+0

Я решил проблему, установив'floating: False ', иначе смещение навигационной панели в любом случае будет зависеть от размера легенды –

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