구글 차트 API - 열 차트 - 백 시즈

Question

I 열에 차트를 생성 구글 차트를 사용하고

의 좌측 정상 값과 함께 수직 이동 막대 상기 비율이 이미지와 같이 여기

http://postimg.org/image/mt7tzwwob/ 

데이터 것

여기에서 나는 vaxis의 왼쪽에 1,2,3이라는 값을 얻고있다. 괜찮습니다.

내가 원하는 것은 : 세로 막대 상단의 백분율.

x+2x+3x = 100, means, x=16, 2x=33, 3x=50. So, 16% should be at top of vertical bar with value 1. 

어떻게하면이 비율을 얻을 수 있습니까?

Answer 1

ColumnChart 's는 열 위에 백분율과 같은 레이블을 추가하는 것을 지원하지 않지만 ComboChart와 숨겨진 줄을 사용하여 추가하는 방법이 있습니다. 여기에 레이블로 추가하는 예제 코드가 있습니다. 당신이 원하는에) 퍼센트와 레이블을 대체 할 수

function drawChart() { 
    var data = new google.visualization.DataTable(); 
    data.addColumn('string', 'Name'); 
    data.addColumn('number', 'Value'); 
    data.addColumn({type: 'string', role: 'annotation'}); 

    data.addRows([ 
     ['Foo', 53, 'Foo text'], 
     ['Bar', 71, 'Bar text'], 
     ['Baz', 36, 'Baz text'], 
     ['Cad', 42, 'Cad text'], 
     ['Qud', 87, 'Qud text'], 
     ['Pif', 64, 'Pif text'] 
    ]); 

    var view = new google.visualization.DataView(data); 
    view.setColumns([0, 1, 1, 2]); 

    var chart = new google.visualization.ComboChart(document.getElementById('chart_div')); 

    chart.draw(view, { 
     height: 400, 
     width: 600, 
     series: { 
      0: { 
       type: 'bars' 
      }, 
      1: { 
       type: 'line', 
       color: 'grey', 
       lineWidth: 0, 
       pointSize: 0, 
       visibleInLegend: false 
      } 
     }, 
     vAxis: { 
      maxValue: 100 
     } 
    }); 
} 

을가 여기서 일하는 참조 : http://jsfiddle.net/asgallant/QjQNX/

이는 라벨이 경우 잘못 정렬 될 것이다 (하나의 데이터 계열이 차트 잘 작동이 하나 이상의 시리즈입니다).