Template Config JS Object { charturl: {type: 'chartjs'}, options: { type: 'bar', options: { title: { display: true, text: 'Chart.js Combo Bar Line Chart' } } } }
JSON Data for Preview { "options" : { "data" : { "labels" : [ "January", "February", "March", "April", "May", "June", "July" ], "datasets" : [ { "type" : "bar", "label" : "Dataset 1", "backgroundColor" : "rgba(151,187,205,0.5)", "data" : [ 10, 20, 30, 40, 50, 60, 70 ], "borderColor" : "white", "borderWidth" : 2 }, { "type" : "line", "label" : "Dataset 2", "backgroundColor" : "rgba(151,187,205,0.5)", "data" : [ 10, 20, 10, 20, 10, 20, 10 ], "borderColor" : "white", "borderWidth" : 2 }, { "type" : "bar", "label" : "Dataset 3", "backgroundColor" : "rgba(220,220,220,0.5)", "data" : [ -4, -3, -2, -1, -2, -1, -2 ] } ] } } }
Template Custom CSS
When signed in, you can copy this example to your own projects.
Sign in