4

我已经从http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469下载了 metronic 主题,以便与 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. 测试代码是否在 pyro 中工作,是否在包外工作,是否直接在 zip 文件中工作

所以在那之后,除了饼图、图表和日历(在默认页面上)以及图表页面上的所有图表/图表之外,我得到了一切正常工作。有谁知道我做错了什么或有任何其他建议?

因为 default.html 和 charts.html 直接从 zip 文件中工作,我知道一切都是兼容的(插件和 css 等等),只是不确定当我尝试将它与 PyroCMS 集成时我缺少什么

PS这是我的第一篇文章,所以如果问题不清楚或问题太模糊,请宽容和理解,我会尽快回复任何评论

4

1 回答 1

0

我有这个主题,所以我会尽力提供帮助。您能否确认您包含以下脚本?

<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>
于 2014-11-08T14:01:20.033 回答