2015-07-10 80 views
0

我正在使用谷歌圖表工具,我想知道是否有可能在JS網頁中列出所有的所有谷歌圖表類型?如何列出頁面中的所有Google圖表類型?

注:我嘗試在Chrome控制檯中使用這樣的:

google.visualization 

,但是這給了不僅類型,但也NumberFormat的,PatternFormat對象,我不需要。

回答

1

沒有這種「getLoadedChartTypes()」或類似的功能。但是創建這樣的功能並不困難。所有圖表函數都以大寫字母開頭,並以Chart結尾。這個方案沒有其他功能,所以我們只需要按照該方案提取函數並過濾基本函數CoreChart:

這裏是一個函數,該函數使用所有可用(已加載)函數填充<select>框,谷歌的可視化圖表類型:

function populate() { 
    var option, 
     select = document.getElementById('chartTypes'); 
    for (var element in google.visualization) { 
     if (/[A-Z]/.test(element[0]) && //begins with capital letter 
      element.match('Chart$') && //ends with Chart 
      element != 'CoreChart') { //is not CoreChart 
      option = document.createElement("option"); 
      option.text = element; 
      select.add(option); 
     } 
    } 
} 

演示 - >http://jsfiddle.net/6dgkvojj/