Размещение jqplot на вкладках jquery

Я использую jqplots для графического отображения данных на моем веб-сайте. Я могу составить график в соответствии с нашим требованием. Теперь мне нужно разместить эти графики на вкладках пользовательского интерфейса jQuery.Размещение jqplot на вкладках jquery

Я могу получить график на первой вкладке, которая активна на загрузке страницы. Но я не могу получить оставшиеся графики, которые присутствуют на других вкладках, они невидимы.

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

источник

2014-01-03 Firoz

из ваших вопросов нет коды прилагается, поэтому сравните свой код с этим на JSFiddle http://jsfiddle.net/meccanismocomplesso/9fdJm/1/
Я надеюсь, что это может быть полезным (Это пример книги «Начало JavaScript Графики с jqPlot, Highcharts и D3») ,

Он отлично работает. На другой вкладке есть три разных типа диаграмм, и все они видны.

enter image description here

.

источник

2014-01-03 12:52:53

Это работает, если язычки уже там, когда создается jqplot. Проблема заключается в том, что вы пытаетесь встроить график в DIV, который еще не встроен в документ. Это можно сделать только с тайм-аутом, а затем отображается только первая вкладка. См. [Обновленную скрипту] (http://jsfiddle.net/Lsvd4/) для примера. – user4815162342

@ user4815162342: У меня такая же проблема. Как вы ее исправили с помощью тайм-аута? – user1050619

@ user1050619 Я больше не в этом проекте, но если память мне помогает, тайм-аут не помог, потому что даже с таймаутом другие вкладки не отображаются (обновленная скрипка показывает столько же). В конце концов я переработал окружающий код, чтобы вкладки уже присутствовали в документе при создании jqplot, и в этом случае он показывает, что это хорошо. Это потребовало переделать код, который создал элементы DOM снизу вверх и ввел самый верхний элемент в фактический документ, чтобы вместо этого работать сверху вниз и вставить все подэлементы в документ. Не совсем приятно, но необходимо. – user4815162342

Упоминание код jqPlot первый, а затем код лапок. Даже я столкнулся с той же проблемой, теперь исправленной.

//$.jplot code 

//$("#tabs").tabs();

источник

2015-10-22 08:08:24

@ meccanismo.complesso Интересно! Я использую ваш jsfiddle (http://jsfiddle.net/meccanismocomplesso/9fdJm/1/), чтобы изучить возможность запускать также объекты jqplot в вкладках пользовательского интерфейса jQuery. Поскольку мне приходилось сталкиваться с одной и той же проблемой, только отображая только контент на одной вкладке (активный изначально), и, увидев, что приведенный пример имеет всю логику, подумал, что это может помочь кому-то и в ближайшем будущем.

 [http://jsfiddle.net/zpLxbue8/][1]

Вместо того, чтобы просто выполнение функции, как только он загружает до или после вкладок JQuery UI, используется активировать и создать для запуска jqplot

источник

2017-08-20 01:44:20

Размещение jqplot на вкладках jquery

ответ

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