Question

我正在使用Google图表的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']”）位 - 我只是选择默认颜色的条形图并迭代它们，在您的情况下，您想拍摄序数（例如集合中的第三个）

希望有所帮助。

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

页面加载后我可以修改Google Chart的元素吗？具体来说，颜色

1 个答案: