Look into dashboard.js. It contains code like: var line = new Morris.Line({ element : 'line-chart', resize : true, data : [ { y: '2011 Q1', item1: 2666 }, { y: '2011 Q2', item1: 2778 }, { y: '2011 Q3', item1: 4912 }, { y: '2011 Q4', item1: 3767 }, { y: '2012 Q1', item1: 6810 }, { y: '2012 Q2', item1: 5670 }, { y: '2012 Q3', item1: 4820 }, { y: '2012 Q4', item1: 15073 }, { y: '2013 Q1', item1: 10687 }, { y: '2013 Q2', item1: 8432 } ], xkey : 'y', ykeys : ['item1'], labels : ['Item 1'], lineColors : ['#efefef'], lineWidth : 2, hideHover : 'auto', gridTextColor : '#fff', gridStrokeWidth : 0.4, pointSize : 4, pointStrokeColors: ['#efefef'], gridLineColor : '#efefef', gridTextFamily : 'Open Sans', gridTextSize : 10 });
What you have to do is replace input with something that you can pass from the server. There are many ways. I am going to suggestsimple solution without ajax which assume the html has been converted into a template var line = new Morris.Line({ element : 'line-chart', resize : true, data : MY_DATA_1, xkey : 'y', ykeys : ['item1'], labels : ['Item 1'], lineColors : ['#efefef'], lineWidth : 2, hideHover : 'auto', gridTextColor : '#fff', gridStrokeWidth : 0.4, pointSize : 4, pointStrokeColors: ['#efefef'], gridLineColor : '#efefef', gridTextFamily : 'Open Sans', gridTextSize : 10 }); Then in the controller that serves the page def index(): data = [ { y: '2011 Q1', item1: 2666 }, { y: '2011 Q2', item1: 2778 }, { y: '2011 Q3', item1: 4912 }, { y: '2011 Q4', item1: 3767 }, { y: '2012 Q1', item1: 6810 }, { y: '2012 Q2', item1: 5670 }, { y: '2012 Q3', item1: 4820 }, { y: '2012 Q4', item1: 15073 }, { y: '2013 Q1', item1: 10687 }, { y: '2013 Q2', item1: 8432 } ] return dict(mydata1 = data) and in the template, before <script src="dashboad.js"/> you add <script>{{=ASSIGNJS(MY_DATA_1 = mydata1)}}</script> This was the data is defined in python, passed to the template, stored in a js variable, and made it visible to the dashboard.js code. On Saturday, 8 June 2019 12:25:41 UTC-7, Paul Arsenio Blanco Reyes wrote: > > Recently I found the theme "AdminLTE" ( > https://adminlte.io/themes/AdminLTE/index.html) > I have already implemented it in my application. I would like to generate > some graphics like those that appear in the preview but I don't know how yo > do it. Would any of you can help me with any example to understand how I > can generate them. I will thank you infinitely. -- Resources: - http://web2py.com - http://web2py.com/book (Documentation) - http://github.com/web2py/web2py (Source code) - https://code.google.com/p/web2py/issues/list (Report Issues) --- You received this message because you are subscribed to the Google Groups "web2py-users" group. To unsubscribe from this group and stop receiving emails from it, send an email to web2py+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/web2py/2f5fd918-9215-413d-8141-c9112b7a3c03%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.