2017-10-10 27 views
0

Google Chartsを実装しています。データは正しく入力されていますが、Haixsのデータが間にスキップされるようなバーのサイズのためだと思います。Google Chartsでhaxisの値が表示されない

これは、データがチャートに渡される方法の例です。

グラフには、バーが多く、hAxisの値が小さいことがわかります。すべてのバーの後に値をスキップしていますが、バーにカーソルを合わせると値が表示されます。

+0

「IF(typeof演算(グーグル)== '不定'!) {VARのStageWiseData1 = google.visualization.arrayToDataTable(ARR1); \t VAR StageWiseData = google.visualization.arrayToDataTable([ [」 [Partner Tier 3 - CTN '、3]、 [' Partner TAC 1 - CTN '、1]、 [' Partner JHB Systems '、6]、 [' Partner Tier 3 - CTN '、3]、 [キャリア通信会社サポート '、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); 
} 
関連する問題