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

Question

Hiiii

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

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

инвалидных размерах участка, ширина = 0, высота = 0

Если я закомментируйте таблицу стилей ../jqtouch/ jqtouch.min.css карта флота работает отлично.

Это я думаю, что-то делать с тем, что вы не можете использовать Flot внутри DIV, который имеет дисплей: доли не

От Flot ридми

Blockquote Make sure that the placeholder isn't within something with a display:none CSS property - in that case, Flot has trouble measuring label dimensions which results in garbled looks and might have trouble measuring the placeholder dimensions which is fatal (it'll throw an exception).

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

Благодаря

Hairby

Answer 1

Я сумел использовать http://highcharts.com/ и jQtouch вместе ... Но я не пример сразу же показать тебе.

Взгляните на HighCharts tho, я переключился на него с Flot и никогда не оглядывался назад.

Answer 2

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

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

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

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