Template Config JS Object { charturl: {type: 'chartjs'}, options: { type: 'bar', options: { elements: { rectangle: { borderWidth: 2, borderColor: 'rgb(0, 255, 0)', borderSkipped: 'bottom' } }, legend: { position: 'top', }, title: { display: true, text: 'Chart.js Bar Chart' } } } }
JSON Data for Preview { "options" : { "data" : { "labels" : [ "January", "February", "March", "April", "May", "June", "July" ], "datasets" : [ { "label" : "Dataset 1", "backgroundColor" : "rgba(220,220,220,0.5)", "data" : [ 1, 2, 3, 4, 5, 6, 7 ] }, { "label" : "Dataset 2", "backgroundColor" : "rgba(151,187,205,0.5)", "data" : [ 6, 6, 6, 7, 7, 8, 7 ] }, { "label" : "Dataset 3", "backgroundColor" : "rgba(151,187,205,0.5)", "data" : [ 10, 9.5, 9, 8.5, 8, 7.5, 7 ] } ] } } }
Template Custom CSS
When signed in, you can copy this example to your own projects.
Sign in