Question

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

尝试使这项工作完成的步骤：

已下载的主题
操作包括基本主题（包含在PyroCMS中）以显示default.html
复制了图表/默认页面中的代码
创建了Css.html和js.html，并使用指向正确文件位置的路径填充它们，并在default.html中引用它们
将css和js文件复制到正确的文件夹
安装在www.website.com/admin
双重检查路径
测试代码是否在pyro中运行，如果它在包中运行，并且它直接从zip文件中运行

所以在那之后我得到了一切正常工作，除了饼图，图表和日历（在默认页面上）和图表页面上的所有图表/图表。有谁知道我做错了什么或有任何其他建议吗？

因为default.html和charts.html正好在zip文件中工作，我知道一切都是兼容的（插件和css以及所有这些），当我尝试将其与PyroCMS集成时，我不知道我错过了什么< / p>

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>

Metronic主题图表和图形

1 个答案: