2015-11-19 92 views
0

我有一個谷歌-圖表,其顯示我的房間的壓力值。圖中有谷歌圖表縱軸和工具提示值格式化

enter image description here

  • 垂直軸重複它的價值的幾個問題,說我在95535 95537 95539.需要垂直值,但我得到的是95K 95K 95K的軸值
  • 工具提示,當我們將鼠標懸停在該行有同樣的效果
  • 當我添加的代碼,使我大點(的pointsize),即使沒有任何效果

但是圖表行就好像它是正確的,因爲我的意思是它有一些起伏。

我加NumberFormat的格式化,但我做的圖表不會改變什麼都。

你如何正確格式化vAxis和工具提示?

這裏是我使用

<script type="text/javascript"> 
     google.load('visualization', '1.1', {packages: ['line']}); 
     google.setOnLoadCallback(drawChart); 

     function drawChart() { 

     var data = new google.visualization.DataTable(); 
     data.addColumn('datetime', 'Timestamp'); 
     data.addColumn('number', 'pressure'); 

     data.addRows([ 
      [new Date('2015-11-19 18:26:05'),95245],[new Date('2015-11-19 18:19:07'),95186],[new Date('2015-11-19 18:19:06'),95186],[new Date('2015-11-19 18:12:05'),95152],[new Date('2015-11-19 18:05:53'),95151],[new Date('2015-11-19 17:58:04'),95172],[new Date('2015-11-19 17:51:04'),95152],[new Date('2015-11-19 17:44:04'),95141],[new Date('2015-11-19 17:37:04'),95111],[new Date('2015-11-19 17:30:04'),95102],[new Date('2015-11-19 17:26:04'),95112],[new Date('2015-11-19 17:19:05'),95064],[new Date('2015-11-19 17:12:04'),95042],[new Date('2015-11-19 17:05:04'),95027],[new Date('2015-11-19 16:58:04'),95032],[new Date('2015-11-19 16:51:04'),95045],[new Date('2015-11-19 16:44:05'),95042],[new Date('2015-11-19 16:37:05'),95016],[new Date('2015-11-19 16:30:05'),94990],[new Date('2015-11-19 16:26:04'),94995],[new Date('2015-11-19 16:19:04'),94985],[new Date('2015-11-19 16:12:04'),94969],[new Date('2015-11-19 16:05:04'),94955],[new Date('2015-11-19 15:58:04'),94949],[new Date('2015-11-19 14:50:18'),94987]   ]); 

     var options = { 
         chart: { 
          title: 'abasingama_a1', 
          subtitle: 'Unit - Pa', 
          pointSize: 30 
         }, 
         width: 800, 
         height: 300, 
         vAxis: { minValue: 95450, maxValue: 95550 }, 
         pointSize: 30, 
         }; 

     var chart = new google.charts.Line(document.getElementById('line_top_x')); 
     var formatter = new google.visualization.NumberFormat({pattern:'0.0e00'}); 
     formatter.format(data, 1); 

     chart.draw(data, options); 
     } 
    </script> 

回答

1

你需要你的選擇與轉換google.charts.Line.convertOptions圖表的繪製代碼。

chart.draw(data, options); 

應該

chart.draw(data, google.charts.Line.convertOptions(options)); 

然後它會工作像你期望它。
我會vAxis: { minValue: 95450, maxValue: 95550, format:'decimal'}努力實現你在找什麼。

+0

這解決了第一次兩個問題,但仍然沒有點我的線,但是,這不是一個實際的需求,我需要知道這就是所有:) – Bhashithe

+0

你說你試過前面添加。如果你再次添加點數,他們會出現,如果你使用'google.charts.Line.convertOptions' –

+1

我的不好。它應該做,但不會。見這個bug /功能請求報告:https://github.com/google/google-visualization-issues/issues/1922 –