Hirdetés

  2. Fórumok
  3. Szoftverfejlesztés
  4. JavaScript topic

Hirdetés

100 000 érv a ReGalaxy mellett: Vásárolj Galaxy Z Fold7 I Z Flip7 vagy Galaxy S25 szériás készüléket, és régi mobilod felújítását 100 000 Ft-ig mi álljuk!
  • Téma összefoglaló
    Utoljára frissítve: 2014-02-25 10:20

    Mobilarena

    JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)

Új hozzászólás Aktív témák

  • #6748 tepenzed őstag
    Új Válasz #6748
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    Privát üzenet küldése

    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.

    Így néz ki a logból:

    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. :R

    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
    }
    }]
    }
    }

    });

Új hozzászólás Aktív témák