Google visualization 在firefox 3.6.12和IE中，Google可视化列和条形图vaxis和haxis标签重叠

有人能帮我解决这个问题吗？我的电脑上有图表标签 firefox和IE8，在chrome和safari上，标签都在正常工作 但在Firefox和IE上，axis标签将重叠 彼此之间，不会服从任何哈克斯或瓦克斯选项。我正在编码 在RubyonRails中，使用erb模板编写我的 javascript。正如我之前所说，它在chrome和safari上非常有效，但是 在firefox和IE8上，我遇到了这些axis标签问题。有什么帮助吗 我将不胜感激

这就是我正在做的代码

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">

google.load('visualization', '1', {'packages':['corechart']});

google.setOnLoadCallback(drawBarChart);

function drawBarChart() {
  var bar_data = new google.visualization.DataTable();
  bar_data.addColumn('string', 'yaxis');
  bar_data.addColumn('number', 'xaxis');
  bar_data.addRows(5);
  var col = 0;
  <% array.each do |value| %>
    bar_data.setValue(col, 0, 'realllly longggggggggggggggggggggggggg');
    bar_data.setValue(col, 1, <%= value %>);
    col++;
  <% end %>

var bar_chart = new google.visualization.BarChart(document.getElementById('<%= element %>'));
bar_chart.draw(
  bar_data,
  {
    width: 870,
    height: 350,
    title: 'Quantity per Suspect Code',
    legend: 'none',
    vAxis: {
      textStyle: {
        fontSize: 11
      }
    },
    hAxis: {
      title: 'Quantity'
    }
  }
) };

  </script>

load（'visualization'，'1'，{'packages'：['corechart']}）；
setOnLoadCallback（DrubarChart）；
函数名为{
var bar_data=new google.visualization.DataTable（）；
bar_data.addColumn（'string'，'yaxis'）；
bar_data.addColumn（'number'，'xaxis'）；
条形图数据添加行（5）；
var-col=0；
bar_data.setValue（col，0，'reallly longgggggggggggggggggg'）；
bar_数据设置值（col，1，）；
col++；
var bar_chart=new google.visualization.BarChart（document.getElementById（“”））；
条形图(
bar_数据，
{
宽度：870，
身高：350，
标题：“每个可疑代码的数量”，
图例：“无”，
言辞：{
文本样式：{
尺寸：11
}
},
哈克斯：{
标题：“数量”
}
}
) };

注意：元素id被传递给此分部，因此在这种情况下，元素将是“线形图”，呈现此分部的模板上的id是“线形图”

---

谢谢

我对面积图也有同样的问题。我刚开始研究这个。我找到东西后会告诉你的。我开始玩弄地图，我对面积图也有同样的问题。我刚开始研究这个。我找到东西后会告诉你的。我开始和孩子们玩耍