2017-05-15 117 views
1

我正在谷歌折線圖上,它工作正常,但我想隱藏時間,當我懸停在點它顯示完整的日期和時間,我只想要日期而不是時間如何隱藏時間我搜索了很多,但沒有找到任何解決方案,並嘗試了不同的參數,我發現在不同的論壇上,但他們都沒有爲我工作。谷歌折線圖時間顯示

,你都可以看到屏幕截圖 google line chart

,你可以看到日期與時間是提到和使用的600隻日期應顯示沒有時間和我的代碼是

google.charts.load('current', {'packages':['line', 'corechart']}); 
    google.charts.setOnLoadCallback(drawChart); 
    function drawChart() { 
     var chartDiv = document.getElementById('chartDiv'); 
     var data = new google.visualization.DataTable(); 

     data.addColumn('date', 'Month'); 
     data.addColumn('number', "Sent"); 
     data.addColumn('number', "Signed"); 
     data.addColumn('number', "ID"); 
     data.addColumn('number', "Usage"); 

     data.addRows([ 
      [new Date(2017, 1, 2), 24, 57, 2, 12], 
      [new Date(2017, 2, 4), 87, 87, 4, 45], 
      [new Date("2017-03-05"), 54, 12, 6, 67], 
      [new Date("2017-04-08"), 32, 153, 6, 87] 
     ]); 

     var materialOptions = { 
       chart: { 
       title: 'Chart of: (User 1)' 
      }, 
      width: 1200, 
      height: 600 
     }; 

     function drawMaterialChart() { 
      var materialChart = new google.charts.Line(chartDiv); 
      materialChart.draw(data, materialOptions); 
     } 
     drawMaterialChart(); 
    } 

回答

2

一個簡單的解決方案可能會將日期視爲字符串,因此

data.addColumn('string', 'Month'); //<-- change type date for string 
    data.addColumn('number', "Sent"); 
    data.addColumn('number', "Signed"); 
    data.addColumn('number', "ID"); 
    data.addColumn('number', "Usage"); 

    data.addRows([ // then change all new Date() for strings 
     ["1/2/2017", 24, 57, 2, 12], 
     ["2/4/2017", 87, 87, 4, 45], 
     ["3/5/2017"), 54, 12, 6, 67], 
     ["4/8/2017"), 32, 153, 6, 87] 
    ]); 
+0

不能這樣做,因爲我需要幾個月的名稱和JavaScript我很容易得到月份名稱所以是他們的y其他解決方案,並輕鬆地使用JavaScript日期功能進行播放/操作。 – user2727841

+0

我也發現了這個,但參數不同於我的代碼http://stackoverflow.com/questions/32133792/how-do-i-align-date-and-values-to-gridlines-in-google-chart並僅顯示日期不是時間和類型也是日期。 – user2727841