JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)
Gyorskeresés
Legfrissebb anyagok
Általános témák
LOGOUT.hu témák
- [Re:] [Luck Dragon:] Asszociációs játék. :)
- [Re:] [Sub-ZeRo:] Euro Truck Simulator 2 & American Truck Simulator 1 (esetleg 2 majd, ha lesz) :)
- [Re:] [sh4d0w:] Windows Recall
- [Re:] [TheLázs:] ADHS
- [Re:] [kraftxld:] Diáklaptop - Dell Latitude 3140 - Királyunk ajándéka
- [Re:] [Mr Dini:] Mindent a StreamSharkról!
- [Re:] Elektromos rásegítésű kerékpárok
- [Re:] Android másképp: Lineage OS és társai
- [Re:] Okos Otthon kezdőknek
- [Re:] [antikomcsi:] Való Világ: A piszkos 12 - VV12 - Való Világ 12
Szakmai témák
PROHARDVER! témák
Mobilarena témák
IT café témák
Téma összefoglaló
Hozzászólások
tepenzed
őstag
Sziasztok!
Régóta leragadtam egy egyszerűnek tűnő feladatnál és stackoverflowon sem tudok választ kicsikarni senkiből, hátha van itt valaki, aki jártas a Chartokban.
van nekem egy ilyen év-hónap-napra bontott objektumom, azon belül a példában az szerepel, hogy az adott napon hány kg halfajta lett kifogva. Ezt az adatot szeretném barcharton megjeleníteni, napi bontásban. Úgy képzelem el, hogy egy napra mutatja a teljes fogást az oszlop, azon belül pedig színekkel halfajtára bontva.
Valahogy ebbe kéne megcsináljam. Van ötlete valakinek, hogy hogyan kellene? Egyszerűen sehol nem találok normális tutorialt, csak statikus adatokkal. Ha ezt meg tudnám oldani, akkor valószínűleg ráéreznék a többire is, mert több dologról szeretnék kimutatást.
this.barChart = new Chart(this.barCanvas.nativeElement, {
type: 'bar',
data: {
labels: ???,
datasets: [{
label: '# of catches',
data: ???,
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
}]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero:true
}
}]
}
}
});
[ Szerkesztve ]