google-visualization - 我可以在页面加载后修改 Google 图表的元素吗？具体来说，颜色

Question

我正在使用 Google Charts 的 Visualization API 和柱形图包。我可以使用我想要的数据生成图表，但是我可以在页面加载后修改图表的某些部分吗？具体来说，我想改变一列的颜色。我已经通过在 Chrome 的 Element 面板工具中编辑 DOM 来做到这一点，但是有没有办法可以将它实际编码到我的页面中，还是我不走运？谢谢！

Answer 1

我也有类似的挑战。就我而言，我需要为条形图中的每个条形使用不同的颜色，这是 vis api 不支持的。

我最终得到了这个（使用jquery，但没有理由不能只使用本机dom函数来完成）statusCols btw只是一个html颜色数组......

 function colorBars(){
  $("#masterstatus g rect[fill='#3366cc']").each(function(){$(this).attr("bar", 'true')})
  $("#masterstatus g rect[bar='true']").each(function(barNo){
   $(this).attr("fill", statusCols[barNo]);
  });
 }

秘密（听起来您已经发现）在于识别要更改的 dom 元素，这就是 $("#masterstatus g rect[fill='#3366cc']") 位 - 我只是在默认颜色并遍历它们，在您的情况下，您想要绘制一个序数（例如集合中的第三个）

希望有帮助。

其实我更希望其他人想出更好的方法......