Диаграммы и графики тем Метроник

Я скачал тему metronic с http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469 для использования вместе с инфраструктурой PyroCMS, но моя проблема в том, что я не могу заставить диаграммы или графики работать. Для этого используются специальные плагины: flot и jquery (например, jquery.sparkline.js).

Шаги, сделанные в попытке заставить эту работу:

  1. Загруженная тема
  2. Подправил включенную базовую тему (включенную в PyroCMS) для отображения default.html
  3. Скопирован код с диаграмм/страницы по умолчанию
  4. Создал Css.html и js.html и заполнил их путями к правильному местоположению файла, а также сослался на них в default.html.
  5. Скопированы файлы css и js в правильные папки
  6. Устанавливается на www.website.com/admin
  7. дважды проверенные пути
  8. проверено, работает ли код внутри пиро, работает ли он прямо из пакета и работает ли он напрямую из zip-файла

поэтому после этого у меня все заработало правильно, кроме круговых диаграмм, графиков и календаря (на странице по умолчанию) и всех графиков/диаграмм на странице диаграмм. Кто-нибудь знает, что я делаю неправильно или есть какие-либо другие предложения?

Поскольку default.html и charts.html работают прямо из zip-файла, я знаю, что все совместимо (плагины, css и все такое), просто не уверен, что мне не хватает, когда я пытаюсь интегрировать его с PyroCMS.

P.S. Это мой первый пост, поэтому, пожалуйста, будьте терпимы и понимайте, если вопрос не ясен или вопрос слишком расплывчатый, я отвечу так быстро, как только смогу, на любые комментарии.


javascript jquery sparklines flot pyrocms
person user3334987    schedule 21.02.2014    source источник
comment
Не знаю, как вам помочь без доступа к сайту... Вы получаете какие-либо ошибки в консоли браузера?   -  person Raidri    schedule 21.02.2014
comment
это ошибки js, которые я получаю. 17:40:16.052 SyntaxError: Использование //@ для указания прагм sourceMappingURL устарело. Используйте //# вместо jquery-1.10.1.min.js:1 17:40:16.059 Ошибка: codegraphite.devio/addons/shared_addons/themes/metronic/js/ получает //# sourceMappingURL, но уже имеет один 17:40: 16.743 ReferenceError: индекс не определен codegraphite.devio:2766 17:40:19.435 Использование getPreventDefault() не рекомендуется. Вместо этого используйте defaultPrevented. jquery-1.10.1.min.js:5 17:40:20.242 Пустая строка передается в getElementById().   -  person user3334987    schedule 22.02.2014
comment
Вы уверены, что правильно отредактировали тему? Я имею в виду, включили ли вы необходимые файлы CCS/JS?   -  person ReynierPM    schedule 17.06.2014

Ответы (1)


arrow_upward
0
arrow_downward

У меня есть эта тема, поэтому я постараюсь помочь. Можете ли вы подтвердить, что у вас есть следующие сценарии?

<script src="../../assets/global/plugins/flot/jquery.flot.min.js"></script>
<script src="../../assets/global/plugins/flot/jquery.flot.resize.min.js"></script>
<script src="../../assets/global/plugins/flot/jquery.flot.pie.min.js"></script>
<script src="../../assets/global/plugins/flot/jquery.flot.stack.min.js"></script>
<script src="../../assets/global/plugins/flot/jquery.flot.crosshair.min.js"></script>
<script src="../../assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
<script src="../../assets/admin/pages/scripts/charts-flotcharts.js"></script>

И самое главное, инициализаторы:

<script>
jQuery(document).ready(function() {       
   // initiate layout and plugins
   Metronic.init(); // init metronic core components
Layout.init(); // init current layout
QuickSidebar.init(); // init quick sidebar
Demo.init(); // init demo features
   ChartsFlotcharts.init();
   ChartsFlotcharts.initCharts();
   ChartsFlotcharts.initPieCharts();
   ChartsFlotcharts.initBarCharts();
});
</script>
person Tomanow    schedule 08.11.2014