Google chartin hAxis ticks

Viestiketju alueella 'Ohjelmointi' , aloittaja cetovoi, 14.07.2017.

  1. cetovoi

    Rekisteröitynyt:
    03.09.2010
    Viestejä:
    16
    Osaisiko joku neuvoa, miten saisin google chartin kaaviosta samannäköisen kun se on Excelissä, eli x-akselilta pitäisi piilottaa arvot 5.6, 11.2, 22.4, 45, 56 ja 90.


    Kuvakaappaus Excelin kaaviosta:

    [​IMG]

    alla olevan koodin mukainen kaavio näyttää:

    [​IMG]

    Ja tässä käyttämäni google chartin koodi, jossa tuolla hAxis ticksillä ei näytä olevan vaikutusta:

    HTML:
    function drawChart() {
                                  
    var data = google.visualization.arrayToDataTable([
          ['#', 'Test', 'Ulompi ohjealue (ala)', 'Ulompi ohjealue (ylä)', 'Sisempi ohjealue (ala)', 'Sisempi ohjealue (ylä)'],
          ['0.063',  3.6, 1, 6, 2, 5],
          ['0.125',  9, 2, 12, 4, 10],
          ['0.25',  13, 4, 17, 6, 15],
          ['0.5',  19, 7, 23, 10, 20],
          ['1',  26, 12, 32, 16, 29],
          ['2',  34, 20, 44, 24, 40],
          ['4',  43, 33, 59, 38, 55],
          ['5.6', 52, 41, 68, 47, 63],
          ['8',  63, 53, 79, 58, 74],
          ['11.2', 75, 66, 90, 72, 86],
          ['16',  96, 84, 100, 89, 99],
         ['22.4', 100, 100, 100, 100, 100],
         ['31.5', 100, 100, 100, 100, 100],
         ['45', 100, 100, 100, 100, 100],
         ['56', 100, 100, 100, 100, 100],
         ['63', 100, 100,  100, 100, 100],
         ['125', 100, 100, 100, 100, 100]
     ]);
         
    var options = {
         //curveType: 'function',
         legend: { position: 'bottom', textStyle: {fontSize: 10} },
         hAxis: { ticks:[0.063,0.125,0.25,0.5,1,2,4,8,16,31.5,63,125], textStyle: {fontSize: 10} },
         vAxis: { ticks:[0,10,20,30,40,50,60,70,80,90,100], textStyle: {fontSize: 10} },
         series: {
           0: { color: '#F09',lineWidth: 1 },
           1: { color: '#000',lineWidth: 1 },
           2: { color: '#000',lineWidth: 1 },
           3: { color: '#000',lineWidth: 0.5 },
           4: { color: '#000',lineWidth: 0.5 },
           },
    };
     
  2. telcoM

    Rekisteröitynyt:
    27.08.2015
    Viestejä:
    635
    Koska kunkin datataulukon rivin ensimmäinen alkio on merkkijonotyyppinen, X-akselin tyypiksi tulee "discrete" eikä "continuous" kuten ilmeisesti haluat. Silloin X-akselin arvot ovat oikeastaan "nimiä" eikä niillä ole Google Chartsin mielestä mitään tekemistä numeroiden kanssa, ja siksi ticks-asetuksella ei ole mitään virkaa.

    Ota hipsut pois datataulukon numeroriveiltä, niin sitten X-arvot käsitellään numeroina. Lisäksi haluat määrittää että X-akselin asteikko on logaritminen:
    Koodi:
    hAxis: { logScale: true, ... }
    
     
  3. cetovoi

    Rekisteröitynyt:
    03.09.2010
    Viestejä:
    16
    Kiitos telcoM vastauksestasi! Tuo teki juuri sen mitä hain ja nyt se toimii täysin oikein.

    Kiitos kovasti!
     

Jaa tämä sivu

Alibi
Anna
Deko
Dome
Erä
Hymy
Kaksplus
Kippari
Kotilääkäri
Kotiliesi
Koululainen
Ruoka.fi
Parnasso
Seura
Suomen Kuvalehti
TM Rakennusmaailma
Tekniikan Maailma
Vauhdin Maailma
Golfpiste
Vene
Nettiauto
Ampparit
Plaza
Muropaketti