Advanced Line Chart
{"type":"line","data":{"labels":[" A "," B "," C "," D "],"datasets":[{"label":"AAAAAA","fill":true,"backgroundColor":"rgba(153,153,153,0.2)","lineTension":0.3329999999999999626965063725947402417659759521484375,"borderColor":"#999","borderCapStyle":"butt","borderDash":[],"borderDashOffset":0,"borderJoinStyle":"miter","pointBorderColor":"#999","pointBackgroundColor":"rgba(137,137,137,1)","pointHoverBackgroundColor":"#999","pointHoverBorderColor":"rgba(137,137,137,1)","data":[11,13,56,76],"spanGaps":false,"showLine":true,"steppedLine":false,"pointStyle":"circle","hidden":false,"borderWidth":2,"pointRadius":4,"pointHitRadius":3,"pointBorderWidth":1,"pointHoverRadius":5,"pointHoverBorderWidth":1},{"label":"BBBB","fill":true,"backgroundColor":"rgba(221,51,51,0.2)","lineTension":0.3329999999999999626965063725947402417659759521484375,"borderColor":"#dd3333","borderCapStyle":"butt","borderDash":[],"borderDashOffset":0,"borderJoinStyle":"miter","pointBorderColor":"#dd3333","pointBackgroundColor":"rgba(246,76,76,1)","pointHoverBackgroundColor":"#dd3333","pointHoverBorderColor":"rgba(246,76,76,1)","data":[45,545,87,343],"spanGaps":false,"showLine":true,"steppedLine":false,"pointStyle":"circle","hidden":false,"borderWidth":2,"pointRadius":4,"pointHitRadius":3,"pointBorderWidth":1,"pointHoverRadius":5,"pointHoverBorderWidth":1}]},"options":{"animation":{"duration":2000},"maintainAspectRatio":true,"scales":{"yAxes":[{"ticks":{"fontColor":"rgba(100,100,100,0.8)","beginAtZero":true},"gridLines":{"color":"rgba(100,100,100,0.16)","zeroLineColor":"rgba(100,100,100,0.48)"},"stacked":false}],"xAxes":[{"ticks":{"fontColor":"rgba(100,100,100,0.8)"},"gridLines":{"color":"rgba(100,100,100,0.16)","zeroLineColor":"rgba(100,100,100,0.48)"}}]},"legend":{"display":true,"position":"bottom","labels":{"usePointStyle":false,"padding":20,"boxWidth":12,"fontSize":12,"fontColor":"#3a3a3a"}},"tooltips":{"enabled":true,"mode":"index","intersect":false,"bodySpacing":8,"titleSpacing":6,"cornerRadius":8,"xPadding":10},"noTsep":false}}
["AAAAAA: {y}","BBBB: {y}"]
Advanced Bar Chart
{"type":"bar","data":{"labels":[" 2010 "," 2011 "," 2012 "," 2013 "],"datasets":[{"label":"A","borderWidth":1,"borderColor":"rgba(0,133,186,0.9)","hoverBorderColor":"#0085ba","backgroundColor":"rgba(0,133,186,0.25)","hoverBackgroundColor":"rgba(0,133,186,0.33)","data":[11,13,56,76],"hidden":false},{"label":"B","borderWidth":1,"borderColor":"rgba(221,51,51,0.9)","hoverBorderColor":"#dd3333","backgroundColor":"rgba(221,51,51,0.25)","hoverBackgroundColor":"rgba(221,51,51,0.33)","data":[45,54,87,34],"hidden":false},{"label":"C","borderWidth":1,"borderColor":"rgba(129,215,66,0.9)","hoverBorderColor":"#81d742","backgroundColor":"rgba(129,215,66,0.25)","hoverBackgroundColor":"rgba(129,215,66,0.33)","data":[76,56,98,12],"hidden":false},{"label":"D","borderWidth":1,"borderColor":"rgba(130,36,227,0.9)","hoverBorderColor":"#8224e3","backgroundColor":"rgba(130,36,227,0.25)","hoverBackgroundColor":"rgba(130,36,227,0.33)","data":[87,23,87,12],"hidden":false}]},"options":{"animation":{"duration":2000},"maintainAspectRatio":true,"scales":{"yAxes":[{"ticks":{"fontColor":"rgba(100,100,100,0.8)","beginAtZero":true},"gridLines":{"color":"rgba(100,100,100,0.16)","zeroLineColor":"rgba(100,100,100,0.48)"}}],"xAxes":[{"ticks":{"fontColor":"rgba(100,100,100,0.8)"},"gridLines":{"color":"rgba(100,100,100,0.16)","zeroLineColor":"rgba(100,100,100,0.48)"},"categoryPercentage":0.8000000000000000444089209850062616169452667236328125,"barPercentage":0.90000000000000002220446049250313080847263336181640625}]},"legend":{"display":true,"position":"bottom","labels":{"usePointStyle":false,"padding":20,"boxWidth":12,"fontSize":12,"fontColor":"#3a3a3a"}},"tooltips":{"enabled":true,"mode":"index","bodySpacing":8,"titleSpacing":6,"cornerRadius":8,"xPadding":10},"noTsep":false}}
["A: {y}","B: {y}","C: {y}","D: {y}"]
Bubble Chart
{"type":"bubble","data":{"datasets":[{"label":"AAA","backgroundColor":"rgba(153,153,153,0.2)","borderColor":"#999","borderCapStyle":"butt","borderJoinStyle":"miter","pointBorderColor":"#999","pointBackgroundColor":"rgba(137,137,137,1)","pointHoverBackgroundColor":"#999","pointHoverBorderColor":"rgba(137,137,137,1)","data":[],"hidden":false}]},"options":{"animation":{"duration":2000},"maintainAspectRatio":true,"scales":{"yAxes":[{"ticks":{"fontColor":"rgba(100,100,100,0.8)","beginAtZero":true},"gridLines":{"color":"rgba(100,100,100,0.16)","zeroLineColor":"rgba(100,100,100,0.48)"},"stacked":false}],"xAxes":[{"ticks":{"fontColor":"rgba(100,100,100,0.8)","beginAtZero":false},"gridLines":{"color":"rgba(100,100,100,0.16)","zeroLineColor":"rgba(100,100,100,0.48)"}}]},"legend":{"display":true,"position":"bottom","labels":{"usePointStyle":false,"padding":20,"boxWidth":12,"fontSize":12,"fontColor":"#3a3a3a"}},"tooltips":{"enabled":true,"mode":"nearest","intersect":true,"bodySpacing":8,"titleSpacing":6,"cornerRadius":8,"xPadding":10},"yAxisFormat":{"suffix":"K$"},"noTsep":false}}
["GDP per capita (en Milliers): {y} {n}Life: {x} {n} Population(en Millions): {r}"]
Bubble Chart
{"type":"bubble","data":{"datasets":[{"label":"One","backgroundColor":"rgba(0,133,186,0.2)","borderColor":"#0085ba","borderCapStyle":"butt","borderJoinStyle":"miter","pointBorderColor":"#0085ba","pointBackgroundColor":"rgba(25,158,211,1)","pointHoverBackgroundColor":"#0085ba","pointHoverBorderColor":"rgba(25,158,211,1)","data":[{"x":-20,"y":18,"r":13},{"x":18,"y":-15,"r":23},{"x":22,"y":16,"r":18},{"x":-12,"y":7,"r":11},{"x":4,"y":13,"r":6}],"hidden":false},{"label":"Two","backgroundColor":"rgba(221,51,51,0.2)","borderColor":"#dd3333","borderCapStyle":"butt","borderJoinStyle":"miter","pointBorderColor":"#dd3333","pointBackgroundColor":"rgba(246,76,76,1)","pointHoverBackgroundColor":"#dd3333","pointHoverBorderColor":"rgba(246,76,76,1)","data":[{"x":-17,"y":-16,"r":12},{"x":-14,"y":-8,"r":18},{"x":-2,"y":1,"r":20},{"x":4,"y":8,"r":11},{"x":8,"y":17,"r":6}],"hidden":false}]},"options":{"animation":{"duration":2000},"maintainAspectRatio":true,"scales":{"yAxes":[{"ticks":{"fontColor":"rgba(100,100,100,0.8)","beginAtZero":true},"gridLines":{"color":"rgba(100,100,100,0.16)","zeroLineColor":"rgba(100,100,100,0.48)"},"stacked":false}],"xAxes":[{"ticks":{"fontColor":"rgba(100,100,100,0.8)","beginAtZero":false},"gridLines":{"color":"rgba(100,100,100,0.16)","zeroLineColor":"rgba(100,100,100,0.48)"}}]},"legend":{"display":true,"position":"bottom","labels":{"usePointStyle":false,"padding":20,"boxWidth":12,"fontSize":12,"fontColor":"#3a3a3a"}},"tooltips":{"enabled":true,"mode":"nearest","intersect":true,"bodySpacing":8,"titleSpacing":6,"cornerRadius":8,"xPadding":10},"noTsep":false}}
["y: {y} {n}x: {x} {n}r: {r}","y: {y} {n}x: {x} {n}r: {r}"]