我创建了一个Chrome扩展程序,当我在Google云端硬盘中输入指定的文件夹时会激活该扩展程序。此扩展添加了在该文件夹中使用D3.js制作的图表,如下图所示:
除了图表之外,它还添加了一个下拉列表,但问题是当我点击它时它不起作用(它没有显示选项)。它唯一能做的就是创建矩形来选择元素,如下图所示:
我尝试在Google云端硬盘中添加其他HTML元素,例如按钮,但它们也无法正常工作。似乎Google云端硬盘停用了我添加的html元素的onclick事件。
下拉列表的代码:
d3.select("#divSelect")
.append("select")
.attr("class","desplegable")
.attr("id","desplegable")
.on('change',function (d,i) {
var grupoSeleccionado = d3.select("#desplegable").node().value; //Examen seleccionado
if (grupoSeleccionado=="Total"){ //Vision general de los examenes
dibujarSpiderChart(data);
} else { //Vision de un examen en concreto
var notasAlumnoExamen=_.filter(data[0],{'group':grupoSeleccionado});
var notasMediasExamen=_.filter(data[1],{'group':grupoSeleccionado});
var dataGrupo=[];
dataGrupo.push(notasAlumnoExamen);
dataGrupo.push(notasMediasExamen);
dibujarSpiderChart(dataGrupo);
}
;})
.selectAll("option")
.data(gruposLista)
.enter()
.append("option")
.attr("value", function (d) { return d.id; })
.text(function (d) { return d.nombre; });