نمودار میله ای و ستونی

{"type":"bar","data":{"labels":["\u0641\u0631\u0648\u0631\u062f\u06cc\u0646","\u0627\u0631\u062f\u06cc\u0628\u0647\u0634\u062a","\u062e\u0631\u062f\u0627\u062f","\u062a\u06cc\u0631","\u0645\u0631\u062f\u0627\u062f","\u0634\u0647\u0631\u06cc\u0648\u0631"],"datasets":[{"label":"\u0645\u0648\u0631\u062f \u0627\u0648\u0644","backgroundColor":"#693bff","borderColor":"#693bff","data":["15","10","22","19","23","17"],"borderWidth":"0"},{"label":"\u0645\u0648\u0631\u062f \u062f\u0648\u0645","backgroundColor":"#006efd","borderColor":"#006efd","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)"}}]}}}

{"type":"bar","data":{"labels":["\u0641\u0631\u0648\u0631\u062f\u06cc\u0646","\u0627\u0631\u062f\u06cc\u0628\u0647\u0634\u062a","\u062e\u0631\u062f\u0627\u062f","\u062a\u06cc\u0631","\u0645\u0631\u062f\u0627\u062f","\u0634\u0647\u0631\u06cc\u0648\u0631"],"datasets":[{"label":"\u0645\u0648\u0631\u062f \u0627\u0648\u0644","backgroundColor":"rgba(105,59,255,0.8)","borderColor":"#693bff","data":["15","10","22","19","23","17"],"borderWidth":"2"},{"label":"\u0645\u0648\u0631\u062f \u062f\u0648\u0645","backgroundColor":"rgba(0,110,253,0.8)","borderColor":"#006efd","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)"}}]}}}

{"type":"horizontalBar","data":{"labels":["\u0641\u0631\u0648\u0631\u062f\u06cc\u0646","\u0627\u0631\u062f\u06cc\u0628\u0647\u0634\u062a","\u062e\u0631\u062f\u0627\u062f","\u062a\u06cc\u0631","\u0645\u0631\u062f\u0627\u062f","\u0634\u0647\u0631\u06cc\u0648\u0631"],"datasets":[{"label":"\u0645\u0648\u0631\u062f \u0627\u0648\u0644","backgroundColor":"#693bff","borderColor":"#693bff","data":["15","10","22","19","23","17"],"borderWidth":"0"},{"label":"\u0645\u0648\u0631\u062f \u062f\u0648\u0645","backgroundColor":"#006efd","borderColor":"#006efd","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)"}}]}}}

{"type":"horizontalBar","data":{"labels":["\u0641\u0631\u0648\u0631\u062f\u06cc\u0646","\u0627\u0631\u062f\u06cc\u0628\u0647\u0634\u062a","\u062e\u0631\u062f\u0627\u062f","\u062a\u06cc\u0631","\u0645\u0631\u062f\u0627\u062f","\u0634\u0647\u0631\u06cc\u0648\u0631"],"datasets":[{"label":"\u0645\u0648\u0631\u062f \u0627\u0648\u0644","backgroundColor":"rgba(105,59,255,0.8)","borderColor":"#693bff","data":["15","10","22","19","23","17"],"borderWidth":"2"},{"label":"\u0645\u0648\u0631\u062f \u062f\u0648\u0645","backgroundColor":"rgba(0,110,253,0.8)","borderColor":"#006efd","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)"}}]}}}