Geek asks and answers

Metronic thematic charts and graphs

I downloaded the metronic theme from http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469 for use with the PyroCMS infrastructure, but my problem is: I cannot get charts or graphs to work. The specific plugins used for them are the fleet and jquery (e.g. jquery.sparkline.js)

Actions taken in an attempt to complete this work:

  • Downloaded topic
  • Manipulated included base theme (included in PyroCMS) to display default.html
  • The copied code from the diagrams / page by default
  • Created Css.html and js.html and filled in their paths to the correct location of the file, and also indicated them in the default.html file
  • Copied via css and js files to the correct folders
  • Installed at www.website.com/admin
  • double checked paths
  • tested if code worked inside pyro and if it worked directly from a package and worked directly from a zip file

after which I got everything to work correctly, except for pie charts, graphs and the calendar (on the default page) and all the graphs / charts on the diagram page. Does anyone know what I'm doing wrong or have any other suggestions?

Since default.html and charts.html work directly from a zip file, I know that everything is compatible (plugins and css and all that), just not sure what I lose when I try to integrate it with PyroCMS

PS This is my first post, so please be patient and understand if the question is not clear or the question is too vague, I will answer as quickly as I can to any comments

+4
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>
0

More articles:


All Articles