javascript - Metronic 主题图表和图形

Question

我从 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 集成时我遗漏了什么

P.S.这是我第一次发帖，如果问题不明确或问题太模糊，请谅解，我会尽快回复任何评论

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>