Biểu đồ
Default Style
{"type":"bar","data":{"labels":["Jul","Aug","Sep","Oct","Nov","Dec"],"datasets":[{"label":"Item 01","backgroundColor":"#3cbdcb","borderColor":"#3cbdcb","data":["15","10","22","19","23","17"],"borderWidth":"0"},{"label":"Item 02","backgroundColor":"#002345","borderColor":"#002345","data":["34","38","35","33","37","40"],"borderWidth":"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)"}}]}}}
Border Style
{"type":"bar","data":{"labels":["Jul","Aug","Sep","Oct","Nov","Dec"],"datasets":[{"label":"Item 01","backgroundColor":"rgba(60,189,203,0.38)","borderColor":"#3cbdcb","data":["15","10","22","19","23","17"],"borderWidth":"2"},{"label":"Item 02","backgroundColor":"rgba(0,35,69,0.32)","borderColor":"#002345","data":["34","38","35","33","37","40"],"borderWidth":"2"}]},"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)"}}]}}}
Horizontal Style
{"type":"horizontalBar","data":{"labels":["Jul","Aug","Sep","Oct","Nov","Dec"],"datasets":[{"label":"Item 01","backgroundColor":"#3cbdcb","borderColor":"#3cbdcb","data":["15","10","22","19","23","17"],"borderWidth":"0"},{"label":"Item 02","backgroundColor":"#002345","borderColor":"#002345","data":["34","38","35","33","37","40"],"borderWidth":"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)"}}]}}}
Horizontal Style
{"type":"horizontalBar","data":{"labels":["Jul","Aug","Sep","Oct","Nov","Dec"],"datasets":[{"label":"Item 01","backgroundColor":"rgba(60,189,203,0.38)","borderColor":"#3cbdcb","data":["15","10","22","19","23","17"],"borderWidth":"2"},{"label":"Item 02","backgroundColor":"rgba(0,35,69,0.34)","borderColor":"#002345","data":["34","38","35","33","37","40"],"borderWidth":"2"}]},"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)"}}]}}}
