Line Charts
Default Style
{"type":"line","data":{"labels":["Jul","Aug","Sep","Oct","Nov","Dec"],"datasets":[{"label":"Item 01","fill":false,"backgroundColor":"rgba(60,189,203,0.52)","borderColor":"rgba(60,189,203,0.52)","borderCapStyle":"butt","borderDash":[],"borderDashOffset":0,"borderJoinStyle":"miter","spanGaps":false,"showLine":true,"steppedLine":false,"pointStyle":"circle","pointBorderWidth":1,"pointHoverRadius":5,"pointHoverBorderWidth":1,"hidden":false,"lineTension":0.33299999999999996,"data":["15","10","22","19","23","17"],"borderWidth":2,"pointRadius":4,"pointHitRadius":3},{"label":"Item 02","fill":false,"backgroundColor":"rgba(135,91,163,0.52)","borderColor":"rgba(135,91,163,0.52)","borderCapStyle":"butt","borderDash":[],"borderDashOffset":0,"borderJoinStyle":"miter","spanGaps":false,"showLine":true,"steppedLine":false,"pointStyle":"circle","pointBorderWidth":1,"pointHoverRadius":5,"pointHoverBorderWidth":1,"hidden":false,"lineTension":0.33299999999999996,"data":["34","38","35","33","37","40"],"borderWidth":2,"pointRadius":4,"pointHitRadius":3}]},"options":{"animation":{"duration":2000},"maintainAspectRatio":true,"tooltips":{"enabled":true,"mode":"index","intersect":false,"bodySpacing":8,"titleSpacing":6,"cornerRadius":8,"xPadding":10},"legend":{"display":true,"position":"bottom","labels":{"usePointStyle":false,"padding":20,"boxWidth":16}},"scales":{"yAxes":[{"ticks":{"fontColor":"222","beginAtZero":true},"gridLines":{"color":"rgba(43, 43, 43, 0.2)","zeroLineColor":"rgba(43, 43, 43, 0.6)"}}]}}}
Line Tension
{"type":"line","data":{"labels":["Jul","Aug","Sep","Oct","Nov","Dec"],"datasets":[{"label":"Item 01","fill":false,"backgroundColor":"rgba(221,33,33,0.55)","borderColor":"rgba(221,33,33,0.55)","borderCapStyle":"butt","borderDash":[],"borderDashOffset":0,"borderJoinStyle":"miter","spanGaps":false,"showLine":true,"steppedLine":false,"pointStyle":"circle","pointBorderWidth":1,"pointHoverRadius":5,"pointHoverBorderWidth":1,"hidden":false,"lineTension":0,"data":["15","10","22","19","23","17"],"borderWidth":2,"pointRadius":4,"pointHitRadius":3}]},"options":{"animation":{"duration":2000},"maintainAspectRatio":true,"tooltips":{"enabled":true,"mode":"index","intersect":false,"bodySpacing":8,"titleSpacing":6,"cornerRadius":8,"xPadding":10},"legend":{"display":true,"position":"bottom","labels":{"usePointStyle":false,"padding":20,"boxWidth":16}},"scales":{"yAxes":[{"ticks":{"fontColor":"222","beginAtZero":true},"gridLines":{"color":"rgba(43, 43, 43, 0.2)","zeroLineColor":"rgba(43, 43, 43, 0.6)"}}]}}}
Fill Style
{"type":"line","data":{"labels":["Jul","Aug","Sep","Oct","Nov","Dec"],"datasets":[{"label":"Item 01","fill":true,"backgroundColor":"rgba(60,189,203,0.5)","borderColor":"rgba(0, 0, 0, 0)","borderCapStyle":"butt","borderDash":[],"borderDashOffset":0,"borderJoinStyle":"miter","spanGaps":false,"showLine":true,"steppedLine":false,"pointStyle":"circle","pointBorderWidth":1,"pointHoverRadius":1,"pointHoverBorderWidth":0,"hidden":false,"lineTension":0.33299999999999996,"data":["15","10","22","19","23","17"],"borderWidth":0,"pointRadius":1,"pointHitRadius":0},{"label":"Item 02","fill":true,"backgroundColor":"rgba(135,91,163,0.5)","borderColor":"rgba(0, 0, 0, 0)","borderCapStyle":"butt","borderDash":[],"borderDashOffset":0,"borderJoinStyle":"miter","spanGaps":false,"showLine":true,"steppedLine":false,"pointStyle":"circle","pointBorderWidth":1,"pointHoverRadius":1,"pointHoverBorderWidth":0,"hidden":false,"lineTension":0.33299999999999996,"data":["34","38","35","33","37","40"],"borderWidth":0,"pointRadius":1,"pointHitRadius":0}]},"options":{"animation":{"duration":2000},"maintainAspectRatio":true,"tooltips":{"enabled":true,"mode":"index","intersect":false,"bodySpacing":8,"titleSpacing":6,"cornerRadius":8,"xPadding":10},"legend":{"display":true,"position":"bottom","labels":{"usePointStyle":false,"padding":20,"boxWidth":16}},"scales":{"yAxes":[{"ticks":{"fontColor":"222","beginAtZero":true},"gridLines":{"color":"rgba(43, 43, 43, 0.2)","zeroLineColor":"rgba(43, 43, 43, 0.6)"}}]}}}
Fill Style
{"type":"line","data":{"labels":["Jul","Aug","Sep","Oct","Nov","Dec"],"datasets":[{"label":"Item 01","fill":true,"backgroundColor":"rgba(60,189,203,0.5)","borderColor":"rgba(60,189,203,0.5)","borderCapStyle":"butt","borderDash":[],"borderDashOffset":0,"borderJoinStyle":"miter","spanGaps":false,"showLine":true,"steppedLine":false,"pointStyle":"circle","pointBorderWidth":1,"pointHoverRadius":5,"pointHoverBorderWidth":1,"hidden":false,"lineTension":0.33299999999999996,"data":["15","10","22","19","23","17"],"borderWidth":2,"pointRadius":4,"pointHitRadius":3},{"label":"Item 02","fill":true,"backgroundColor":"rgba(135,91,163,0.5)","borderColor":"rgba(135,91,163,0.5)","borderCapStyle":"butt","borderDash":[],"borderDashOffset":0,"borderJoinStyle":"miter","spanGaps":false,"showLine":true,"steppedLine":false,"pointStyle":"circle","pointBorderWidth":1,"pointHoverRadius":5,"pointHoverBorderWidth":1,"hidden":false,"lineTension":0.33299999999999996,"data":["34","38","35","33","37","40"],"borderWidth":2,"pointRadius":4,"pointHitRadius":3}]},"options":{"animation":{"duration":2000},"maintainAspectRatio":true,"tooltips":{"enabled":true,"mode":"index","intersect":false,"bodySpacing":8,"titleSpacing":6,"cornerRadius":8,"xPadding":10},"legend":{"display":true,"position":"bottom","labels":{"usePointStyle":false,"padding":20,"boxWidth":16}},"scales":{"yAxes":[{"ticks":{"fontColor":"222","beginAtZero":true},"gridLines":{"color":"rgba(43, 43, 43, 0.2)","zeroLineColor":"rgba(43, 43, 43, 0.6)"}}]}}}
Point Style
{"type":"line","data":{"labels":["Jul","Aug","Sep","Oct","Nov","Dec"],"datasets":[{"label":"Item 01","fill":false,"backgroundColor":"rgba(30,115,190,0.55)","borderColor":"rgba(30,115,190,0.55)","borderCapStyle":"butt","borderDash":[],"borderDashOffset":0,"borderJoinStyle":"miter","spanGaps":false,"showLine":true,"steppedLine":false,"pointStyle":"circle","pointBorderWidth":1,"pointHoverRadius":5,"pointHoverBorderWidth":1,"hidden":false,"lineTension":0.33299999999999996,"data":["15","10","22","19","23","17"],"borderWidth":2,"pointRadius":4,"pointHitRadius":3},{"label":"Item 02","fill":false,"backgroundColor":"rgba(221,51,51,0.56)","borderColor":"rgba(221,51,51,0.56)","borderCapStyle":"butt","borderDash":[],"borderDashOffset":0,"borderJoinStyle":"miter","spanGaps":false,"showLine":true,"steppedLine":false,"pointStyle":"triangle","pointBorderWidth":1,"pointHoverRadius":5,"pointHoverBorderWidth":1,"hidden":false,"lineTension":0.33299999999999996,"data":["34","38","35","33","37","40"],"borderWidth":2,"pointRadius":4,"pointHitRadius":3},{"label":"Item 03","fill":false,"backgroundColor":"rgba(221,51,51,0.56)","borderColor":"rgba(129,215,66,0.56)","borderCapStyle":"butt","borderDash":[],"borderDashOffset":0,"borderJoinStyle":"miter","spanGaps":false,"showLine":true,"steppedLine":false,"pointStyle":"rect","pointBorderWidth":1,"pointHoverRadius":5,"pointHoverBorderWidth":1,"hidden":false,"lineTension":0.33299999999999996,"data":["30","28","32","23","27","30"],"borderWidth":2,"pointRadius":4,"pointHitRadius":3},{"label":"Item 04","fill":false,"backgroundColor":"rgba(221,51,51,0.56)","borderColor":"rgba(221,153,51,0.56)","borderCapStyle":"butt","borderDash":[],"borderDashOffset":0,"borderJoinStyle":"miter","spanGaps":false,"showLine":true,"steppedLine":false,"pointStyle":"rectRot","pointBorderWidth":1,"pointHoverRadius":5,"pointHoverBorderWidth":1,"hidden":false,"lineTension":0.33299999999999996,"data":["40","48","22","25","23","35"],"borderWidth":2,"pointRadius":4,"pointHitRadius":3},{"label":"Item 05","fill":false,"backgroundColor":"rgba(221,51,51,0.56)","borderColor":"rgba(120,48,209,0.56)","borderCapStyle":"butt","borderDash":[],"borderDashOffset":0,"borderJoinStyle":"miter","spanGaps":false,"showLine":true,"steppedLine":false,"pointStyle":"cross","pointBorderWidth":1,"pointHoverRadius":5,"pointHoverBorderWidth":1,"hidden":false,"lineTension":0.33299999999999996,"data":["50","46","42","55","33","25"],"borderWidth":2,"pointRadius":4,"pointHitRadius":3},{"label":"Item 06","fill":false,"backgroundColor":"rgba(221,51,51,0.56)","borderColor":"rgba(10,0,2,0.56)","borderCapStyle":"butt","borderDash":[],"borderDashOffset":0,"borderJoinStyle":"miter","spanGaps":false,"showLine":true,"steppedLine":false,"pointStyle":"crossRot","pointBorderWidth":1,"pointHoverRadius":5,"pointHoverBorderWidth":1,"hidden":false,"lineTension":0.33299999999999996,"data":["13","11","28","14","23","35"],"borderWidth":2,"pointRadius":4,"pointHitRadius":3},{"label":"Item 07","fill":false,"backgroundColor":"rgba(221,51,51,0.56)","borderColor":"rgba(107,18,18,0.56)","borderCapStyle":"butt","borderDash":[],"borderDashOffset":0,"borderJoinStyle":"miter","spanGaps":false,"showLine":true,"steppedLine":false,"pointStyle":"star","pointBorderWidth":1,"pointHoverRadius":5,"pointHoverBorderWidth":1,"hidden":false,"lineTension":0.33299999999999996,"data":["63","41","48","54","43","55"],"borderWidth":2,"pointRadius":4,"pointHitRadius":3}]},"options":{"animation":{"duration":2000},"maintainAspectRatio":true,"tooltips":{"enabled":true,"mode":"index","intersect":false,"bodySpacing":8,"titleSpacing":6,"cornerRadius":8,"xPadding":10},"legend":{"display":true,"position":"bottom","labels":{"usePointStyle":true,"padding":20,"boxWidth":16}},"scales":{"yAxes":[{"ticks":{"fontColor":"222","beginAtZero":true},"gridLines":{"color":"rgba(43, 43, 43, 0.2)","zeroLineColor":"rgba(43, 43, 43, 0.6)"}}]}}}
Line Style
{"type":"line","data":{"labels":["Jul","Aug","Sep","Oct","Nov","Dec"],"datasets":[{"label":"Item 01","fill":false,"backgroundColor":"rgba(30,115,190,0.55)","borderColor":"rgba(30,115,190,0.55)","borderCapStyle":"butt","borderDash":[],"borderDashOffset":0,"borderJoinStyle":"miter","spanGaps":false,"showLine":true,"steppedLine":false,"pointStyle":"circle","pointBorderWidth":1,"pointHoverRadius":5,"pointHoverBorderWidth":1,"hidden":false,"lineTension":0.33299999999999996,"data":["15","10","22","19","23","17"],"borderWidth":2,"pointRadius":4,"pointHitRadius":3},{"label":"Item 02","fill":false,"backgroundColor":"rgba(221,51,51,0.56)","borderColor":"rgba(221,51,51,0.56)","borderCapStyle":"butt","borderDash":[16,8],"borderDashOffset":0,"borderJoinStyle":"miter","spanGaps":false,"showLine":true,"steppedLine":false,"pointStyle":"circle","pointBorderWidth":1,"pointHoverRadius":5,"pointHoverBorderWidth":1,"hidden":false,"lineTension":0.33299999999999996,"data":["34","38","35","33","37","40"],"borderWidth":2,"pointRadius":4,"pointHitRadius":3},{"label":"Item 03","fill":false,"backgroundColor":"rgba(0,0,0,0.56)","borderColor":"rgba(0,0,0,0.56)","borderCapStyle":"butt","borderDash":[3,3],"borderDashOffset":0,"borderJoinStyle":"miter","spanGaps":false,"showLine":true,"steppedLine":false,"pointStyle":"circle","pointBorderWidth":1,"pointHoverRadius":5,"pointHoverBorderWidth":1,"hidden":false,"lineTension":0.33299999999999996,"data":["24","24","15","12","27","30"],"borderWidth":2,"pointRadius":4,"pointHitRadius":3}]},"options":{"animation":{"duration":2000},"maintainAspectRatio":true,"tooltips":{"enabled":true,"mode":"index","intersect":false,"bodySpacing":8,"titleSpacing":6,"cornerRadius":8,"xPadding":10},"legend":{"display":true,"position":"bottom","labels":{"usePointStyle":true,"padding":20,"boxWidth":16}},"scales":{"yAxes":[{"ticks":{"fontColor":"222","beginAtZero":true},"gridLines":{"color":"rgba(43, 43, 43, 0.2)","zeroLineColor":"rgba(43, 43, 43, 0.6)"}}]}}}
