Erpnext 12 version Graph chart

Can anyone suggest me how to do below chat in erpnext 12 version with live data

image

Please check Frappe charts. Searching this forum for frappe charts will help you find many related discussions.

Also, here is a post by Alain on this topic to get you started -

Ok thank you for your input.

but I need a logic to create Chart Source in 12 version machine.