2017-10-10 1 views
0

Google 차트를 구현 중입니다. 데이터가 올바르게 전달됩니다.하지만 막대의 크기로 인해 Haixs 데이터가 건너 뜁니다. Google 차트에 haxis 값이 표시되지 않습니다.

데이터가 차트에 전달되는 방법의 일례이다.

그래프에서 바가 많으면 hAxis의 값이 적습니다. 모든 막대 뒤에 값을 건너 뜁니다. 그러나 막대 위에 마우스를 가져 가면 값이 표시됩니다.

+0

"경우 (대해서 typeof (구글) == '미정의'!) { VAR의 StageWiseData1 = google.visualization.arrayToDataTable (Arr1) \t VAR StageWiseData google.visualization.arrayToDataTable = ([ [ ' [파트너 TAC 1 - CTN ', 1], ['Partner JHB Systems ', 6], ['파트너 Tier 3 - CTN ', 3], ['통신 사업자 Telco 지원 ', 4], ['Carrier Wholesale ', 5], \t \t ['Carrier Wireless Support ', 5], \t \t [ 'GSC Call Takers', 15], \t \t [ 'Cloud Security Installs', 1], ]); – user3813028

+0

질문에 현재 코드를 포함 시키십시오. 그러면 사람들이 자신이 시도하지 않은 것을 볼 수 있습니다. 이는 개선점이나 수정점을 제안 할 수있는 근거를 제공합니다. 특히 거의 효과가있는 해결책이있는 경우 –

+1

hAxis에 모든 눈금 라벨을 표시 할 공간이 충분하지 않으면 일부 항목을 건너 뛰기 시작합니다. 차트의 너비를 늘리십시오. 아마도 chartArea.width 일 수도 있습니다. 또는 틱의 행을 두 개 이상 교대로 사용할 수 있지만 레이블이 길어서 제대로 작동하지 않을 수 있습니다. – dlaliberte

답변

0
var options ={ 
     title: 'My SR By Sub Status', 
       width: 600, 
    height: 550, 
     legend: { position: 'none' }, 

     chart: { subtitle: 'popularity by percentage' }, 
    /* axes: { 
     x: { 
      0: { side: 'top', label: 'White to move'} // Top x-axis. 
     } 
     },*/ 
    }; 
if (typeof(google) !== 'undefined') { 
/*var StageWiseData = google.visualization.arrayToDataTable([ 
     ['SubStatus', 'WithinSLA', 'Breached'], 
     ['Unassigned', 3,1], 
     ['Assigned', 2,1], 
     ['In Progress', 2,5], 
     ['Waiting for Client Info', 4,0], 
     ['Waiting for Client Testing', 5,0], 
     ['Waiting for Client Closure', 1,2], 
     ['Waiting for Client Monitoring', 9,1], 
     ['Waiting for Client Change', 1,0], 
    ]);*/ 
    var StatusWiseData = google.visualization.arrayToDataTable(Arr); 
chart = new google.visualization.ColumnChart(document.getElementById('mychart6')); 
chart.draw(StatusWiseData, options); 
} 
관련 문제