Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何删除谷歌条形图中的x轴标题?_Javascript_Html_Charts_Google Visualization - Fatal编程技术网

Javascript 如何删除谷歌条形图中的x轴标题?

Javascript 如何删除谷歌条形图中的x轴标题?,javascript,html,charts,google-visualization,Javascript,Html,Charts,Google Visualization,我尝试使用GoogleChartAPI创建条形图。其中我要删除x轴标题 <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("visualization", "1.1", {packages:["corechart"]}); google

我尝试使用GoogleChartAPI创建条形图。其中我要删除x轴标题

   <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1.1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Year', 'first six', 'second six'],
          ['2010', 3750, 3800],
          ['2011', 3900, 3850],
          ['2012', 3850, 3900],
          ['2013', 4280, 4160],
          ['2014', 4350, 0000]
        ]);

        var options = {

          width: 400,
          height: 320,
          bar: {groupWidth: "90%"},
          legend: { position: "none" },
        };

        var chart = new google.charts.Bar(document.getElementById('columnchart_material_price'));

        chart.draw(data, options);
      }

但这没有任何作用。如何删除x轴标题?默认情况下为“年”

您用于声明图表对象的语法似乎不正确,请将该行更改为下面的一行:

var chart = new google.visualization.BarChart(document.getElementById('columnchart_material_price'));
轴没有预定义的标题。但如果您以某种方式看到标题“Year”,很可能是因为数据表的第一列标题。您只需删除以下内容:

var data = google.visualization.arrayToDataTable([
      ['', 'first six', 'second six'],
      ['2010', 3750, 3800],
      ['2011', 3900, 3850],
      ['2012', 3850, 3900],
      ['2013', 4280, 4160],
      ['2014', 4350, 0000]
]);

下面的代码将帮助您。它适合我

var options = {
          width: 400,
          height: 320,
          bar: {groupWidth: "90%"},
          legend: { position: "none" },
          hAxis: { textPosition: 'none' },
};
尝试将axes.x.label设置为“”

我希望能得到帮助

var options = {
    axes: {
         x: {
             0: { side: 'bottom', label: ""}
         }
    }
};

chart.draw(data, options);
使用该选项

hAxis: {textPosition: 'none'}

hAxis: {textPosition: 'none'}