javascript — вставка переменных PHP в jQuery

Так что я нашел эту круговую диаграмму, которую я хотел бы использовать на моем сайте (http://canvasjs.com/docs/charts/chart-types/html5-pie-chart/)

Я уже адаптировал код к тому, где он устанавливает соединение с базой данных MySQL, получает необходимую информацию, и я сохранил ее как переменные в PHP и отобразил ее на диаграмме Пи. Все идет нормально!

Теперь я действительно хотел бы сделать это немного в реальном времени, так как информация меняется довольно быстро, поэтому я подумал о том, чтобы jQuery регулярно обновлял свою информацию. Желательно каждые 1000 мс или около того. Как бы я пошел для достижения этого?

Спасибо за ваши предложения!

0

Решение

В основном вам нужно установить поток данных ajax:

  • Ваша главная страница будет содержать только график, но пропустить данные
  • запросить данные, отправив запрос ajax на отдельную страницу
  • страница данных должна возвращать ваш объект данных в формате JSON (используйте json_encode())

С periodicalupdater Вы можете обновить свои данные в выбранном вами интервале и автоматически настроить этот интервал, чтобы уменьшить нагрузку на ваш сервер.

1

Другие решения

В документации есть проработанный пример: http://canvasjs.com/docs/charts/how-to/live-updating-javascript-charts-json-api-ajax/

По сути, вам нужно использовать JavaScript, а точнее Ajax, для непрерывного запроса к серверу и получения новых данных в формате JSON. Затем обновите диаграмму, используя блестяще названный метод updateChart. 🙂

1

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector