如何在页面中列出所有 Google 图表类型?
How to list all Google chart types in a page?
我正在使用 Google 图表工具 我想知道是否可以使用 JS 在网页中列出所有 Google 图表类型?
注意:我尝试在 Chrome 控制台中使用它:
google.visualization
但这不仅提供了类型,还提供了我不需要的 NumberFormat、PatternFormat 对象。
没有诸如“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);
}
}
}
我正在使用 Google 图表工具 我想知道是否可以使用 JS 在网页中列出所有 Google 图表类型?
注意:我尝试在 Chrome 控制台中使用它:
google.visualization
但这不仅提供了类型,还提供了我不需要的 NumberFormat、PatternFormat 对象。
没有诸如“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);
}
}
}