如何在页面中列出所有Google图表类型?

时间:2015-07-10 08:05:15

标签: google-visualization

我正在使用 Google图表工具,我想知道是否可以使用JS在网页中列出所有Google图表类型?

注意:我尝试在Chrome控制台中使用此功能:

google.visualization

但这不仅给出了类型,还给出了我不需要的NumberFormat,PatternFormat对象。

1 个答案:

答案 0 :(得分:2)

没有这样的功能" getLoadedChartTypes()"或类似的。但是创建这样的函数并不困难。所有图表函数均以大写字母开头,以Chart结尾。没有其他函数遵循该方案,因此我们所要做的就是按照该方案提取函数并过滤掉基本函数CoreChart:

这是一个使用所有可用(已加载)Google可视化图表类型填充<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);
        }
    }
}

演示 - &gt;的 http://jsfiddle.net/6dgkvojj/