Jquery 谷歌柱形图中的更多列数_Jquery_Charts_Google Visualization

Jquery 谷歌柱形图中的更多列数

jquery charts google-visualization

Jquery 谷歌柱形图中的更多列数,jquery,charts,google-visualization,Jquery,Charts,Google Visualization,我使用谷歌柱形图，但垂直条的数量等于使用给定代码的x轴和y轴上的数据数量。但我正在尝试实现这样一个图表，它只有5个X轴数据和4个Y轴数据，但没有更多的垂直条 <html> <head> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> goo

我使用谷歌柱形图，但垂直条的数量等于使用给定代码的x轴和y轴上的数据数量。但我正在尝试实现这样一个图表，它只有5个X轴数据和4个Y轴数据，但没有更多的垂直条

<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Year', 'Sales', 'Expenses'],
          ['2004',  1000,      400],
          ['2005',  1170,      460],
          ['2006',  660,       1120],
          ['2007',  1030,      540]
        ]);

        var options = {
          title: 'Company Performance',
          hAxis: {title: 'Year', titleTextStyle: {color: 'red'}}
        };

        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>


load（“可视化”、“1”、{packages:[“corechart”]}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[“年度”、“销售额”、“费用”]，
['2004',  1000,      400],
['2005',  1170,      460],
['2006',  660,       1120],
['2007',  1030,      540]
]);
变量选项={
标题：“公司业绩”，
hAxis:{title:'Year'，titleTextStyle:{color:'red'}
};
var chart=new google.visualization.ColumnChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
}

您能澄清一下您想要什么吗？您所指的示例在结构上与您问题中的代码相同。请仔细检查它是否相同。我给出的链接是X Y图形，其中X轴和Y轴都用作比例，但提到的代码不相同。在链接中，柱杆的数量更多，但X轴间隔仅为5，正如我在代码中提到的，柱杆的数量与X轴杆的间隔相同。我希望这有意义哦，我明白你的意思了。使用的数据没有更少的行或列，它只使用连续轴类型。将第一列更改为

数字

，

日期

，

日期时间

，或

时间日期

，而不是

字符串

，您将获得相同的效果。