نمودارهای پیشرفته
4 دی 1398 1398-12-12 11:32نمودارهای پیشرفته
نمودار دایره ای
{"type":"pie","data":{"labels":["\u0622\u06cc\u062a\u0645 01","\u0622\u06cc\u062a\u0645 02","\u0622\u06cc\u062a\u0645 03","\u0622\u06cc\u062a\u0645 04","\u0622\u06cc\u062a\u0645 05"],"datasets":[{"backgroundColor":["#FFB900","#0148F7","#042367","#FB3535","#FF7C42"],"hoverBackgroundColor":["#FFB900","#0148F7","#042367","#FB3535","#FF7C42"],"data":["14","24","24","14","14"],"borderWidth":0,"borderColor":"rgba(0, 0, 0, 0)"}]},"options":{"animation":{"duration":2000},"maintainAspectRatio":true,"cutoutPercentage":0,"tooltips":{"enabled":true,"bodySpacing":8,"titleSpacing":6,"cornerRadius":8,"xPadding":10,"footerFontSize":15,"footerFontColor":"#111"},"legend":{"display":false,"position":"left","labels":{"usePointStyle":true,"padding":16,"boxWidth":16,"fontSize":15}}}}
نمودار دونات
{"type":"pie","data":{"labels":["\u0622\u06cc\u062a\u0645 01","\u0622\u06cc\u062a\u0645 02","\u0622\u06cc\u062a\u0645 03","\u0622\u06cc\u062a\u0645 04","\u0622\u06cc\u062a\u0645 05"],"datasets":[{"backgroundColor":["#FFB900","#0148F7","#042367","#FB3535","#FF7C42"],"hoverBackgroundColor":["#FFB900","#0148F7","#042367","#FB3535","#FF7C42"],"data":["14","24","24","14","14"],"borderWidth":0,"borderColor":"rgba(0, 0, 0, 0)"}]},"options":{"animation":{"duration":2000},"maintainAspectRatio":true,"cutoutPercentage":50,"tooltips":{"enabled":true,"bodySpacing":8,"titleSpacing":6,"cornerRadius":8,"xPadding":10,"footerFontSize":15,"footerFontColor":"#111"},"legend":{"display":false,"position":"left","labels":{"usePointStyle":true,"padding":16,"boxWidth":16,"fontSize":15}}}}
نمودار خطی
{"type":"line","data":{"labels":["\u0645\u0647\u0631","\u0622\u0628\u0627\u0646","\u0622\u0630\u0631","\u062f\u06cc","\u0628\u0647\u0645\u0646","\u0627\u0633\u0641\u0646\u062f"],"datasets":[{"label":"\u0622\u06cc\u062a\u0645 01","fill":false,"backgroundColor":"rgba(105, 59, 255, 0.55)","borderColor":"rgba(105, 59, 255, 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":"\u0622\u06cc\u062a\u0645 02","fill":false,"backgroundColor":"rgba(0, 110, 253, 0.56)","borderColor":"rgba(0, 110, 253, 0.56)","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":[{"display":true,"scaleLabel":{"display":true,"fontColor":"#ff0000","fontSize":16,"beginAtZero":true},"gridLines":{"color":"#ebebeb","zeroLineColor":"#ebebeb"}}]}}}
نمودار خطی
{"type":"line","data":{"labels":["\u0645\u0647\u0631","\u0622\u0628\u0627\u0646","\u0622\u0630\u0631","\u062f\u06cc","\u0628\u0647\u0645\u0646","\u0627\u0633\u0641\u0646\u062f"],"datasets":[{"label":"\u0622\u06cc\u062a\u0645 01","fill":false,"backgroundColor":"rgba(105, 59, 255, 0.55)","borderColor":"rgba(105, 59, 255, 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},{"label":"\u0622\u06cc\u062a\u0645 02","fill":false,"backgroundColor":"rgba(0, 110, 253, 0.56)","borderColor":"rgba(0, 110, 253, 0.56)","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":["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":[{"display":true,"scaleLabel":{"display":true,"fontColor":"#ff0000","fontSize":16,"beginAtZero":true},"gridLines":{"color":"#ebebeb","zeroLineColor":"#ebebeb"}}]}}}
نمودار خطی
{"type":"line","data":{"labels":["\u0645\u0647\u0631","\u0622\u0628\u0627\u0646","\u0622\u0630\u0631","\u062f\u06cc","\u0628\u0647\u0645\u0646","\u0627\u0633\u0641\u0646\u062f"],"datasets":[{"label":"\u0622\u06cc\u062a\u0645 01","fill":false,"backgroundColor":"#693BFF","borderColor":"#693BFF","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":"\u0622\u06cc\u062a\u0645 02","fill":false,"backgroundColor":"#006EFD","borderColor":"#006EFD","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":["34","38","35","33","37","40"],"borderWidth":2,"pointRadius":4,"pointHitRadius":3},{"label":"\u0622\u06cc\u062a\u0645 03","fill":false,"backgroundColor":"#E82219","borderColor":"#E82219","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":["23","27","24","26","25","28"],"borderWidth":2,"pointRadius":4,"pointHitRadius":3},{"label":"\u0622\u06cc\u062a\u0645 04","fill":false,"backgroundColor":"#71AEFE","borderColor":"#71AEFE","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":["25","31","24","26","30","22"],"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":[{"display":true,"scaleLabel":{"display":true,"fontColor":"#ff0000","fontSize":16,"beginAtZero":true},"gridLines":{"color":"#ebebeb","zeroLineColor":"#ebebeb"}}]}}}
نمودار خطی
{"type":"line","data":{"labels":["\u0645\u0647\u0631","\u0622\u0628\u0627\u0646","\u0622\u0630\u0631","\u062f\u06cc","\u0628\u0647\u0645\u0646","\u0627\u0633\u0641\u0646\u062f"],"datasets":[{"label":"\u0622\u06cc\u062a\u0645 01","fill":false,"backgroundColor":"#693BFF","borderColor":"#693BFF","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":"\u0622\u06cc\u062a\u0645 02","fill":false,"backgroundColor":"#006EFD","borderColor":"#006EFD","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":"\u0622\u06cc\u062a\u0645 03","fill":false,"backgroundColor":"#E82219","borderColor":"#E82219","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":["23","27","24","26","25","28"],"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":[{"display":true,"scaleLabel":{"display":true,"fontColor":"#ff0000","fontSize":16,"beginAtZero":true},"gridLines":{"color":"#ebebeb","zeroLineColor":"#ebebeb"}}]}}}
نمودار خطی
{"type":"line","data":{"labels":["\u0645\u0647\u0631","\u0622\u0628\u0627\u0646","\u0622\u0630\u0631","\u062f\u06cc","\u0628\u0647\u0645\u0646","\u0627\u0633\u0641\u0646\u062f"],"datasets":[{"label":"\u0622\u06cc\u062a\u0645 01","fill":true,"backgroundColor":"rgba(105, 59, 255, 0.55)","borderColor":"rgba(105, 59, 255, 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":"\u0622\u06cc\u062a\u0645 02","fill":true,"backgroundColor":"rgba(0, 110, 253, 0.56)","borderColor":"rgba(0, 110, 253, 0.56)","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":[{"display":true,"scaleLabel":{"display":true,"fontColor":"#ff0000","fontSize":16,"beginAtZero":true},"gridLines":{"color":"#ebebeb","zeroLineColor":"#ebebeb"}}]}}}
نمودار خطی
{"type":"line","data":{"labels":["\u0645\u0647\u0631","\u0622\u0628\u0627\u0646","\u0622\u0630\u0631","\u062f\u06cc","\u0628\u0647\u0645\u0646","\u0627\u0633\u0641\u0646\u062f"],"datasets":[{"label":"\u0622\u06cc\u062a\u0645 01","fill":true,"backgroundColor":"rgba(105, 59, 255, 0.55)","borderColor":"rgba(0, 0, 0, 0)","borderCapStyle":"butt","borderDash":[],"borderDashOffset":0,"borderJoinStyle":"miter","spanGaps":false,"showLine":true,"steppedLine":false,"pointStyle":"circle","pointBorderWidth":0,"pointHoverRadius":0,"pointHoverBorderWidth":0,"hidden":false,"lineTension":0.33299999999999996,"data":["15","10","22","19","23","17"],"borderWidth":0,"pointRadius":0,"pointHitRadius":0},{"label":"\u0622\u06cc\u062a\u0645 02","fill":true,"backgroundColor":"rgba(0, 110, 253, 0.56)","borderColor":"rgba(0, 0, 0, 0)","borderCapStyle":"butt","borderDash":[],"borderDashOffset":0,"borderJoinStyle":"miter","spanGaps":false,"showLine":true,"steppedLine":false,"pointStyle":"circle","pointBorderWidth":0,"pointHoverRadius":0,"pointHoverBorderWidth":0,"hidden":false,"lineTension":0.33299999999999996,"data":["34","38","35","33","37","40"],"borderWidth":0,"pointRadius":0,"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":[{"display":true,"scaleLabel":{"display":true,"fontColor":"#ff0000","fontSize":16,"beginAtZero":true},"gridLines":{"color":"#ebebeb","zeroLineColor":"#ebebeb"}}]}}}
نمودار میله ای
{"type":"bar","data":{"labels":["\u0645\u0647\u0631","\u0622\u0628\u0627\u0646","\u0622\u0630\u0631","\u062f\u06cc","\u0628\u0647\u0645\u0646","\u0627\u0633\u0641\u0646\u062f"],"datasets":[{"label":"\u0622\u06cc\u062a\u0645 01","backgroundColor":"rgba(105, 59, 255, 1)","borderColor":"rgba(105, 59, 255, 1)","data":["15","35","22","19","23","17"],"borderWidth":0},{"label":"\u0622\u06cc\u062a\u0645 02","backgroundColor":"rgba(0, 110, 253, 1)","borderColor":"rgba(0, 110, 253, 1)","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":"111","fontSize":16,"beginAtZero":true},"gridLines":{"color":"#ebebeb","zeroLineColor":"#ebebeb"}}]}}}
نمودار میله ای
{"type":"bar","data":{"labels":["\u0645\u0647\u0631","\u0622\u0628\u0627\u0646","\u0622\u0630\u0631","\u062f\u06cc","\u0628\u0647\u0645\u0646","\u0627\u0633\u0641\u0646\u062f"],"datasets":[{"label":"\u0622\u06cc\u062a\u0645 01","backgroundColor":"rgba(105, 59, 255, 0.7)","borderColor":"#693BFF","data":["15","35","22","19","23","17"],"borderWidth":2},{"label":"\u0622\u06cc\u062a\u0645 02","backgroundColor":"rgba(0, 110, 253, 0.7)","borderColor":"rgba(0, 110, 253, 1)","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":"111","fontSize":16,"beginAtZero":true},"gridLines":{"color":"#ebebeb","zeroLineColor":"#ebebeb"}}]}}}
نمودار میله ای
{"type":"horizontalBar","data":{"labels":["\u0645\u0647\u0631","\u0622\u0628\u0627\u0646","\u0622\u0630\u0631","\u062f\u06cc","\u0628\u0647\u0645\u0646","\u0627\u0633\u0641\u0646\u062f"],"datasets":[{"label":"\u0622\u06cc\u062a\u0645 01","backgroundColor":"rgba(105, 59, 255, 1)","borderColor":"rgba(105, 59, 255, 1)","data":["15","35","22","19","23","17"],"borderWidth":0},{"label":"\u0622\u06cc\u062a\u0645 02","backgroundColor":"rgba(0, 110, 253, 1)","borderColor":"rgba(0, 110, 253, 1)","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":"111","fontSize":16,"beginAtZero":true},"gridLines":{"color":"#ebebeb","zeroLineColor":"#ebebeb"}}]}}}
نمودار میله ای
{"type":"horizontalBar","data":{"labels":["\u0645\u0647\u0631","\u0622\u0628\u0627\u0646","\u0622\u0630\u0631","\u062f\u06cc","\u0628\u0647\u0645\u0646","\u0627\u0633\u0641\u0646\u062f"],"datasets":[{"label":"\u0622\u06cc\u062a\u0645 01","backgroundColor":"rgba(105, 59, 255, 0.7)","borderColor":"#693BFF","data":["15","35","22","19","23","17"],"borderWidth":2},{"label":"\u0622\u06cc\u062a\u0645 02","backgroundColor":"rgba(0, 110, 253, 0.7)","borderColor":"rgba(0, 110, 253, 1)","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":"111","fontSize":16,"beginAtZero":true},"gridLines":{"color":"#ebebeb","zeroLineColor":"#ebebeb"}}]}}}
