Charts.Js 📊
Select Chart Type
Add Labels
Name
Add Values
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
copy Code
Copy script
<div wf-chart-type='bar' wf-chart-labels="[Q1,Q2,Q3,Q4]" wf-chart-data='[{"label":"Product A","backgroundColor":"rgba(153, 102, 255, 0.5)","borderColor":"rgba(153, 102, 255, 1)","borderWidth":1,"data":[12,19,3,5]},{"label":"Product B","backgroundColor":"rgba(255, 159, 64, 0.5)","borderColor":"rgba(255, 159, 64, 1)","borderWidth":1,"data":[8,11,13,7]},{"label":"Product C","backgroundColor":"rgba(75, 192, 192, 0.5)","borderColor":"rgba(75, 192, 192, 1)","borderWidth":1,"data":[15,10,8,12]}]'></div>
Generate
This application is currently not optimized for mobile devices. For the best experience, visit the desktop version.