2013-06-23 4 views
1

막대 그래프 Google 시각화를 사용하고 있습니다. 데이터 포인트가 첫 번째 및 마지막 데이터 포인트에 대해 그려지는 방식에 문제가 있습니다.Google 차트 가로 막 대형 차트 너비

Plot

같이, 먼저 데이터 포인트 (1985 이전의 하나)와 마지막 데이터 포인트가 완전히 표시되지 않습니다 볼 수 있습니다. 이 너비는 줄어 듭니다. 나는 덧씌우 기가 어떤 문제라고 생각한다.

google.load("visualization", "1", {packages:["corechart"]}); 
google.setOnLoadCallback(drawChart); 

function drawChart(dataArray) { 
    var data = google.visualization.arrayToDataTable(dataArray); 

    var options1 = { 
     hAxis: {title: 'Year', titleTextStyle: {color: 'Black', italic: false}, format:''}, 
     vAxis: {gridlines:{count:5}}, 
     colors:['green'], 
     'chartArea': {'width': '90%', 'height': '80%'},   
     sliceVisibilityThreshold:0 //zero value item still show up 
    }; 

    var chart1 = new google.visualization.ColumnChart(document.getElementById('columnChart')); 
    chart1.draw(data, options1); 
    } 

답변

1

귀하의 코드는 데이터 테이블을 표시하지 않습니다,하지만 우리는 첫 번째 열 값이 숫자 추측 할 수 있습니다

나는 다음과 같은 코드를 사용하고 있습니다. 세로 막 대형 차트의 첫 번째 막대와 마지막 막대의 절반이 차트에서 벗어나는 방식으로 버그가 있습니다. 최소 및 최대 값을 직접 결정하고 viewWindow.min 및 max 옵션을 데이터 최소 및 최대에 막대 너비의 절반을 더한 값으로 설정하여 보완 할 수 있습니다.

이 버그는 최신 릴리스에서 수정되었으므로 나중에 해결할 필요가 없습니다. "1"대신 "1.1"을 사용하도록 google.load 호출을 변경하면 해당 수정 사항을 볼 수 있어야합니다.

관련 문제