Graficele Google schimbă dimensiunea fontului haxis (Programare, Diagrame, Vizualizare Google)

Alex van Es a intrebat.

Știe cineva o modalitate de a schimba dimensiunea fontului acestor date? Vreau să le fac un pic mai mici, astfel încât să încapă toate în loc să sară una de fiecare dată…

2 răspunsuri
juvian

Încearcă cu:

options:{
    hAxis : { 
        textStyle : {
            fontSize: 7 // or the number you want
        }

    }

}

Comentarii

  • Există vreun document pentru alte opțiuni ? Vreau să subliniez și să schimb cursorul în pointer. –  > Por Sunil Garg.
  • @SunilGarg vă referiți la schimbarea cursorului în pânza de diagramă? Puteți face acest lucru cu css. Vrei să subliniezi textul? –  > Por juvian.
  • Mulțumesc @juvian. Am făcut acest lucru pe evenimentul ready al graficului stackoverflow.com/questions/38393972/… –  > Por Sunil Garg.
Shiva

Am rezolvat această problemă folosind codul de mai jos:

titleTextStyle — Un obiect care specifică stilul textului titlului. Obiectul are următorul format:

    var options = {
    title: 'Chart Name ',
    width: '100%',
    height: '100%',
    legend: {
        position: "none"
    },
    hAxis: {
        title: 'Request Status',
        titleTextStyle: {
            color: "#000",
            fontName: "sans-serif",
            fontSize: 11,
            bold: true,
            italic: false
        }
    },
    vAxis: {
        title: 'Amount requested ($)',
        titleTextStyle: {
            color: "#000",
            fontName: "sans-serif",
            fontSize: 11,
            bold: true,
            italic: false
        }
    },
    annotations: {
        alwaysOutside: true,
        textStyle: {
            fontSize: 14,
            auraColor: 'none'
        }
    }
};

Mai multe detalii de la Google Chart

Codare fericită…

Comentarii

  • Nu există încă valori procentuale sau „em” pentru fontSize, momentan sunt acceptate doar valori întregi de pixeli, în cazul în care cineva avea nevoie de altceva. –  > Por NaturalBornCamper.