Question

任何人都可以帮我解决这个问题，我正在使用图表标签 firefox和IE8，在chrome和safari上，标签正在运行预计，但在Firefox和IE上，轴标签将重叠彼此并且不会遵守任何haxis或vaxis选项。我正在编码在ruby on rails和使用erb模板部分写出我的 JavaScript的。正如我之前所说的那样，它在chrome和safari上非常有用在Firefox和IE8上我遇到了这些轴标签问题。任何帮助将感激不尽。

这是我正在做的代码

<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>

注意：元素id被传递给这个部分，所以在这种情况下，元素将是'line_chart'，并且模板呈现这个部分的id是#line_chart

由于

Google Visualization列和条形图vaxis和haxis标签在firefox 3.6.12和IE中重叠

0 个答案: