Проблема с легендой jqplot и плавающей точкой CSS

У меня проблема с использованием легенды диаграммы jqplot. У меня есть диаграмма и легенда вверху. Легенда - это table, каждый цвет и текстовое поле вместе - tr. Я установил для свойства float: left; CSS значение tr элементов и свойство max-width CSS для элемента table, потому что мне нужны легенда и диаграмма с одинаковой шириной. Положение легенды устанавливается автоматически из параметров jqplot. В IE9 он работает отлично, как вы можете видеть на этом изображении:

http://s13.postimage.org/61f0ks5uf/image.png

Но проблема исходит из Chrome:

http://s13.postimage.org/4jtk9813r/chrome.png

Как видите, легенда находится над контейнером, но мне нужно измерение легенды, такое как IE. Как я могу сделать? Спасибо и извините за мой английский!


css css-float jqplot
person jack5891    schedule 03.12.2012    source источник
comment
Не могли бы вы опубликовать пример с JSFiddle.net, чтобы мы могли увидеть весь соответствующий CSS?   -  person Anson    schedule 03.12.2012
comment
К счастью, пока я писал код, я решил проблему. Этот урок научил меня, что JSFiddler - отличный инструмент, и я должен использовать его, прежде чем публиковать новые вопросы. Так или иначе, проблема заключалась в том, что у меня был контейнер div со свойством white-space: nowrap; CSS. Это код: http://jsfiddle.net/FjGyC/11/, если вы хотите взглянем. Спасибо, Энсон.   -  person jack5891    schedule 03.12.2012
comment
Рад, что помог! Если этот ответ поможет другим людям, то рекомендуется ответить на свой вопрос и пометить его как принятый.   -  person Anson    schedule 03.12.2012

Ответы (1)


arrow_upward
0
arrow_downward

Тест с легендой в две строки.

Что-то подобное:

 legend: {
           show: true,
           location: 'n',
           placement: 'outside',
           rendererOptions: {
                  numberRows: 2                           
           }
         }
person M0rDoK    schedule 12.06.2013