Проблема с использованием Flot-диаграмм на веб-сайте jQtouch

Question

Привет

У меня есть сайт jQtouch в разработке, и я хотел бы использовать на нем диаграмму. Мне кажется, Flot — лучший способ сделать это (самый красивый!)

Однако если я реализую float на сайте, я получу следующую ошибку:

Недопустимые размеры графика: ширина = 0, высота = 0.

Если я закомментирую таблицу стилей ../jqtouch/jqtouch.min.css, плавающая диаграмма будет работать нормально.

Я думаю, это как-то связано с тем фактом, что вы не можете использовать float внутри div с display:none

Из ридми Флота

BlockQuote Убедитесь, что у заполнителя не будет чего -то с дисплеем: нет свойства CSS - в этом случае у Flot возникают проблемы с измерением размеров метки, что приводит к искаженным взглядам и может испытывать проблемы с измерением размеров заполнителей, которые являются фатальными (он будет бросить исключение).

Кто-нибудь знает, могу ли я обойти это/исправить, чтобы flot и jQtouch работали вместе?

Спасибо

Парикмахерская

Answer 1

мне удалось использовать http://highcharts.com/ и jQtouch вместе...однако у меня нет примера, который я мог бы вам сразу показать.

Взгляните на HighCharts, я перешел на него с Flot и больше никогда не оглядывался назад.

Answer 2

Вы можете использовать visibiity:hidden или position: absolute и убрать его со страницы, кроме этого... никаких реальных опций, поскольку он не может инициализироваться в пустой области.

В качестве альтернативы, если он скрыт таблицей стилей, просто переопределите встроенный стиль:

<div id="myDiv" style="width:400px;height:300px;"></div> 

$.plot($("#myDiv"), [ .... ]);