如何列出页面中的所有Google图表类型?
问题描述:
我正在使用谷歌图表工具,我想知道是否有可能在JS网页中列出所有的所有谷歌图表类型?如何列出页面中的所有Google图表类型?
注:我尝试在Chrome控制台中使用这样的:
google.visualization
,但是这给了不仅类型,但也NumberFormat的,PatternFormat对象,我不需要。
答
没有这种“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);
}
}
}