[php] 구글 차트 배경색 및 가로, 세로 축 텍스트 색상 바꾸기

참고 자료

배경색

https://stackoverflow.com/questions/8808100/google-chart-background-color

Google Chart Background Color

텍스트

https://stackoverflow.com/questions/26406307/google-charts-change-axis-text-color

Google charts - change axis text color

var options = {
            chartArea: {
                backgroundColor: {
                    fill: '#464646',
                },
            },
            backgroundColor: {
                fill: '#464646',
            },
            hAxis: {
                title: '가로축',
                textStyle:{
                    color: '#FFF'
                }
            },
            vAxis: {
                title: '세로축',
                textStyle:{
                    color: '#FFF'
                }
            },
}

구글 차트 내 이렇게 구성하면 배경색이 바뀐다. 여기서 끝나면 좋았을 것을...

이렇게 만들었더니 가로, 세로축 서브타이틀 색상이 안바뀐다...

왜냐 했더니 타이틀 속성은 따로 있던 것.

var options = {
    chartArea: {
                backgroundColor: {
                    fill: '#464646',
                },
            },
            backgroundColor: {
                fill: '#464646',
            },
            hAxis: {
                title: '가로축',
                titleTextStyle: {
                    color: '#FFF'
                },
                textStyle:{
                    color: '#FFF'
                }
            },
            vAxis: {
                title: '세로축',
                titleTextStyle: {
                    color: '#FFF'
                },
                textStyle:{
                    color: '#FFF'
                }
            },
            legend: {
                textStyle: {
                    color: '#ffffff'
            	}
			},
  }

적용 예시

https://jsfiddle.net/rtw1xhko/

Edit fiddle - JSFiddle - Code Playground