На этой странице мы размещаем один блок под названием myPlot (строка 18). Именно в нём и будет размещен график. Затем подключаем файл со стилями (строка 13), библиотеку jQuery и файлы jqPlot (строки 20-22). Тут нужно обратить внимание на порядок подключения скриптов. jQuery должна идти первой, т. к. jqPlot является плагином для неё. Затем подключаем jquery. jqplot. min. js – это основной файл плагина. Файл jqplot. dragable. min. js является плагином для jqPlot и поэтому подключается последним. Кстати, именно с его помощью мы делаем график редактируемым. Теперь нам нужно написать скрипт, который создаст график (строки 24-41). В начале мы создаём массив с точками и сохраняем его в переменной data. После этого, с помощью метода jqplot строим график. В первом параметре передаём id блока в который нужно поместить график, во втором – массив с данными, в третьем – объект с настройками. Настроек, конечно, очень много. Я даже не буду пытаться перечислять их, для этого существует документация. В данном случае указаны только название графика (строка 27) и форматы осей (строки 31 и 36). formatString: ‘%.1f’ означает, что значение будет показано с точностью до одного знака после запятой. Всё. График готов! Всем, кого заинтересовала эта библиотека очень рекомендую посмотреть демонстрационные примеры на сайте jqPlot. Уверен, вы найдете много интересного До встречи!
Понравилась статья? Получай обновления и будь всегда в курсе событий!