title : <br>GRÁFICOS image : https://img.icons8.com/ios/200/61c3ac/play-pie-chart-report.png color : #61c3ac font-size: 20px image-height : 120px https://p101007003-dot-nitokucom.uc.r.appspot.com/frame/@nitoku.public/title?tk=pu&us=pu

 

El componente para gráficos se ha creado la siguiente página especial donde encontrarás todos los detalles acerca de estos bloques: https://www.nitoku.com/@nitoku.public/chartjs

Documentation for charts

Line Chart🔗

type : line data: { labels : [ January February March April May June July ] datasets : [ { label : No of bugs fill : false backgroundColor : rgba(75,192,192,0.4) borderColor : rgba(75,192,192,1) data : [ 65, 59, 80, 81, 56, 55, 40, ] } ] } https://p101007003-dot-nitokucom.uc.r.appspot.com/frame/@nitoku.public/chartjs?tk=pu&us=pu

Documentation for Line Chart

Bar Chart🔗

type : bar data : { labels : [ Red Blue Yellow Green Purple Orange ] datasets : [ { label : No of Votes data : [ 12, 19, 3, 5, 2, 3 ] backgroundColor : [ rgba(255, 99, 132, 0.2) rgba(54, 162, 235, 0.2) rgba(255, 206, 86, 0.2) rgba(75, 192, 192, 0.2) rgba(153, 102, 255, 0.2) rgba(255, 159, 64, 0.2) ] borderColor : [ rgba(255,99,132,1) rgba(54, 162, 235, 1) rgba(255, 206, 86, 1) rgba(75, 192, 192, 1) rgba(153, 102, 255, 1) rgba(255, 159, 64, 1) ] borderWidth : 1 } ] } https://p101007003-dot-nitokucom.uc.r.appspot.com/frame/@nitoku.public/chartjs?tk=pu&us=pu

Documentation for Bar Chart

Radar Chart🔗

type: radar data : { labels : [ Eating Drinking Sleeping Designing Coding Cycling Running ] datasets : [ { label : My First dataset backgroundColor : rgba(179,181,198,0.2) borderColor : rgba(179,181,198,1) pointBackgroundColor : rgba(179,181,198,1) pointBorderColor : "#fff", pointHoverBackgroundColor : "#fff" pointHoverBorderColor : rgba(179,181,198,1) data : [ 65, 59, 90, 81, 56, 55, 40 ] } { label : My Second dataset, backgroundColor : rgba(255,99,132,0.2) borderColor : rgba(255,99,132,1) pointBackgroundColor : rgba(255,99,132,1), pointBorderColor : "#fff", pointHoverBackgroundColor : "#fff", pointHoverBorderColor : rgba(255,99,132,1), data : [ 28, 48, 40, 19, 96, 27, 100 ] } ] } https://p101007003-dot-nitokucom.uc.r.appspot.com/frame/@nitoku.public/chartjs?tk=pu&us=pu

Documentation for Radar Chart

Polar Area Chart🔗

type : polarArea data : { datasets : [ { data : [ 11, 16, 7, 3, 14 ], backgroundColor : [ "#FF6384", "#4BC0C0", "#FFCE56", "#E7E9ED", "#36A2EB" ] label : My dataset } ] labels : [ Red Green Yellow Grey Blue ] } https://p101007003-dot-nitokucom.uc.r.appspot.com/frame/@nitoku.public/chartjs?tk=pu&us=pu

Documentation for Polar Area Chart

Pie Chart🔗

type : pie data : { labels : [ Red Blue Yellow ] datasets : [ { data : [ 300, 50, 100 ] backgroundColor : [ "#FF6384", "#36A2EB", "#FFCE56" ] hoverBackgroundColor : [ "#FF6384", "#36A2EB", "#FFCE56" ] } ] } https://p101007003-dot-nitokucom.uc.r.appspot.com/frame/@nitoku.public/chartjs?tk=pu&us=pu

Documentation for Pie Chart

Doughnut Chart🔗

type : doughnut data : { labels: [ "Red", "Blue", "Yellow" ] datasets : [ { data : [ 300, 50, 100 ], backgroundColor : [ "#FF6384", "#36A2EB", "#FFCE56" ], hoverBackgroundColor : [ "#FF6384", "#36A2EB", "#FFCE56" ] } ] } https://p101007003-dot-nitokucom.uc.r.appspot.com/frame/@nitoku.public/chartjs?tk=pu&us=pu

Documentation for Doughnut Chart

Bubble Chart🔗

type : bubble data : { datasets : [ { label : First Dataset, data : [ { x: 20, y: 30, r: 15 } { x: 40, y: 5, r: 10 } { x: 30, y: 15, r: 30 } { x: 36, y: 25, r: 30 } ] backgroundColor : "#FF6384" hoverBackgroundColor : "#FF6384" } ] } https://p101007003-dot-nitokucom.uc.r.appspot.com/frame/@nitoku.public/chartjs?tk=pu&us=pu

Documentation for Bubble Chart

 

 

Nitoku is serviced from cloud infrastructure in USA 🇺🇸, provided from Spain 🇪🇸, developed with ❤️ in Japan 🇯🇵 Tokyo 🗼. Copyright © 2019 Nitoku Europe S.L. Icons by Icon8🔗