2013-02-13 2 views
2

Google Chart API에 대한 질문이 있습니다.Google Chart API의 문제 : 막대 차트 범례 텍스트 중복

막대 그래프를 사용하여 스택 막대 그래프를 표시하고 있습니다.

다음 이미지와 같이 범례 텍스트가 중복되는 문제가 있습니다.

다음과 같은 옵션을 설정했습니다.

var options = { 
     isStacked: true, 
     legend: {position:'bottom'}, 
     backgroundColor: {fill:'#f5f5f5'}, 
     width: 350, 
     colors:['#32bb32','#06abe8','#ffcb05','#f15a22'] 
    }; 

생각해보십시오. 구글 차트는 물론, 지저분한 비트를 얻을 수에 대한 덤비는

enter image description here

+0

문제점을 재현 할 수 없습니다. 그것들이 나를 위해 겹쳐지면, 다른 엔트리로 인도하는 화살표가 있습니다. 여기로 이동하십시오 : http://code.google.com/apis/ajax/playground/?type=visualization#bar_chart 및 옵션에 추가하십시오 : '{제목 : "연간 커피 소비량", 너비 : 350, height : 400, vAxis : {제목 : "Year"}, hAxis : {제목 : "Cups"}, 범례 : {위치 : "하단"}, – jmac

답변

0

.

legend: { position: 'bottom', alignment: 'center', textStyle: { fontSize: 15,}},

이는 신속하고 더러운 솔루션입니다 : 작업을 완수하는 일이 끔찍한 솔루션은 다음 라벨 후 공백의 과도한 수를 삽입과 같이 텍스트 스타일에서 글꼴 크기를 증가시키는 것이다 전설에서 성가신 오버랩. Google 차트를 사용하면 거의 모든 문제를 맞춤 템플릿을 사용하여 수정할 수 있지만 문제를 손질하고 계속 진행하려면이 솔루션이 적용됩니다.