22
votes

Does anyone know a way to change the font size of these dates? I want to make them a little smaller so they will all fit instead of skipping one each time..

enter image description here

2

2 Answers

58
votes

Try with:

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

    }

}
6
votes

I fixed this issue using below code:

titleTextStyle -- An object that specifies the title text style. The object has this 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'
        }
    }
};

More details from Google Chart

Happy coding...