Metronic主题图表和图形

Question

我从http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469下载了metronic主题以与PyroCMS框架一起使用但我的问题是我无法使图表或图形起作用。用于这些的特定插件是flot和jquery（例如jquery.sparkline.js）

为完成这项工作而完成的步骤：

1. 下载的主题
2. Manipulated包括基本主题（包含在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集成时，我不知道我错过了什么

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

Answer 1

我有这个主题，所以我会尽力帮忙。您能否确认包含以下脚本？

<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>