How to create dashboard in ERPNext

Sahil · November 21, 2018, 4:43am

i just create a custom page and for graphs and other stuff make different-different sections. use frappe charts for making graphs.

sarmadmahmood969 · November 21, 2018, 4:49am

I also created custom page and write a code that I shared above. Can you please help me for this work. Help me in coding please

iRaySpace · November 21, 2018, 6:06am

Hello @sarmadmahmood969

Here’s a sample of a custom page that uses the Frappe Charts.

github.com

iRaySpace/erpnext-scripts/blob/master/charts_page.js

frappe.provide('testmodule.setup');

frappe.pages['dashboard-test'].on_page_load = function(wrapper) {
	frappe.ui.make_app_page({
		parent: wrapper,
		title: 'Dashboard',
		single_column: true
  });
  
	wrapper.setup = new testmodule.setup.SetupHelper(wrapper);
	window.cur_setup = wrapper.setup;
};

testmodule.setup.SetupHelper = class SetupHelper {
	constructor(wrapper) {
		this.wrapper = $(wrapper).find('.layout-main-section');
		this.page = wrapper.page;

		const assets = [
			'assets/testmodule/css/setup.css'

This file has been truncated. show original

Hope it will help in making your own dashboard page.

vinhnguyent090 · November 21, 2018, 9:01am

thank @iRaySpace your help

Hi @sarmadmahmood969

I create bddashboard app show demo chart: GitHub - vinhnguyent090/bddashboard: Dashboard page for erpnext

sarmadmahmood969 · November 29, 2018, 4:27pm

Thanks to all who help me and made it possible to draw charts for creating dashboard. Special thanks to @littlehera, @vinhnguyent090, @Sahil , @iRaySpace, @rk_root. Moreover @vinhnguyent090 provide me special help, connect with me via skype and provide me support that was required. Means he is my first friend on ERPNext community.

Now I am able to draw charts by importing data from database. I installed this app.
https://github.com/DOKOS-IO/dashboard
It is very good for creating dashboard. @vinhnguyent090 provided me this. Thanks again @vinhnguyent090!

This is the sample chart that I created:

woakes070048 · November 29, 2018, 4:45pm

Im surprised that the dashboard plugin worked it was worked on over two years go.

Did you have any issues, if not I might take the time to update it and make pull request into frappe.

sarmadmahmood969 · November 29, 2018, 5:08pm

@woakes070048 till now it is working and I am learning more about it. I found it useful.

woakes070048 · November 29, 2018, 5:37pm

Thats great to know. I will have someone on my team take a look at the project.

wale · November 30, 2018, 10:31am

This would be simply awesome!

Many thanks

Foxdemon96 · December 10, 2018, 3:58am

Hi @sarmadmahmood969,

I just want to ask you on how did you show those pie graph.

Thanks.

@Foxdemon96

Swapnil_Patil · February 20, 2019, 12:12pm

how to import this code to my project?

kolotayo · February 26, 2019, 12:04pm

Good Afternoon @sarmadmahmood969,

i love this Dashboard. i tried access the link but its not connecting. can you help me out with the link or the app itself.

sarmadmahmood969 · February 27, 2019, 10:18pm

Hi @Foxdemon96

I write the summary of that here, I get help also from some friends here as I mentioned. what kind of help you need more.

Regards,

sarmadmahmood969 · February 27, 2019, 10:19pm

Hi @kolotayo,

I get help from here also. If you need more help you can contact me at my email sarmadmahmood969@gmail.com

Regards,

kolotayo · February 28, 2019, 7:22am

thank you… doing that right away

rahy · March 23, 2019, 8:57am

Hi @sarmadmahmood969,
So which one are you using? The Dokos-IO or from @vinhnguyent090?
Thanks

vinhnguyent090 · March 24, 2019, 7:24am

Hi @rahy we are using The Dokos-IO. My app only demo how to show chart.

rahy · March 24, 2019, 8:00am

Thank you for the info @vinhnguyent090,
But unfortunately it seems DOKOS-IO dashboard is no longer available.

vinhnguyent090 · March 24, 2019, 8:13am

Hi @rahy

try this link GitHub - Athenolabs/dashboard: Dashboard application for ERPNext

rahy · March 24, 2019, 8:28am

I have no luck using that dashboard