谷歌圖表趨勢線

Question

我有這個數據，我正在使用谷歌圖表趨勢（類型=指數），其中我設置了第一列以下數據編號。

[[{"label":"SecuredYear","type":"number"},{"label":"ValueInDhs","type":"number"}],[2014,14715525.225000001],[2015,14445752.777]] 

但是當圖表被提請其製作4條垂直線從2014.0 2014.5 2015.0和2015.5，但我只需要一條線每年，是有可能，我們可以得到一點拉布勒還怎麼y移除當鼠標懸停在上面時會顯示x。 感謝

Answer 1

有幾個選項來糾正x軸標籤/網格線...

1）使用hAxis.ticks選項強制只有兩個標籤
（使用hAxis.format，以消除任何逗號/小數）

hAxis: { 
     format: '0', 
     ticks: [2014, 2015] 
    }, 

看到下面的工作片段...

google.charts.load('current', { 
 
    callback: function() { 
 
    new google.visualization.LineChart(document.getElementById('chart_div')).draw(
 
     google.visualization.arrayToDataTable([ 
 
     [ 
 
      {"label":"SecuredYear","type":"number"}, 
 
      {"label":"ValueInDhs","type":"number"} 
 
     ], 
 
     [2014,14715525.225000001],[2015,14445752.777] 
 
     ]), 
 
     { 
 
     hAxis: { 
 
      format: '0', 
 
      ticks: [2014, 2015] 
 
     }, 
 
     tooltip: { 
 
      trigger: 'none' 
 
     } 
 
     } 
 
    ); 
 
    }, 
 
    packages:['corechart'] 
 
});

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>

2）使用字符串的一年，而不是數字...

google.charts.load('current', { 
 
    callback: function() { 
 
    new google.visualization.LineChart(document.getElementById('chart_div')).draw(
 
     google.visualization.arrayToDataTable([ 
 
     [ 
 
      {"label":"SecuredYear","type":"string"}, 
 
      {"label":"ValueInDhs","type":"number"} 
 
     ], 
 
     ['2014',14715525.225000001],['2015',14445752.777] 
 
     ]), 
 
     {} 
 
    ); 
 
    }, 
 
    packages:['corechart'] 
 
});

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>

---

如果我按照刪除Y和X顯示當鼠標懸停在正確地，
使用tooltip.trigger: 'none'刪除懸停時的工具提示

tooltip: { 
     trigger: 'none' 
    } 

如被看見在上面的例子...