Google visualization 谷歌图表api材料日期月份

Google visualization 谷歌图表api材料日期月份,google-visualization,Google Visualization,我有一个多系列的谷歌条形图和一个日期图标 我的问题是,我只想显示几个月,但我得到了多次标签。 这里有一个例子 google.charts.load('current', {'packages': ['bar'], 'language': 'de'}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var chart; var chartDiv = document.getElementById(

我有一个多系列的谷歌条形图和一个日期图标

我的问题是,我只想显示几个月,但我得到了多次标签。 这里有一个例子

google.charts.load('current', {'packages': ['bar'], 'language': 'de'});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {

  var chart;
  var chartDiv = document.getElementById('test');

  var data = new google.visualization.DataTable('{"cols":[{"type":"date","pattern":""},{"type":"number"},{"type":"number"},{"type":"number"},{"type":"number"},{"type":"number"},{"type":"number"},{"type":"number"}],"rows":[{"c":[{"v":"Date(2016,2,1)"},{"v":2030,"f":"2030 km"},{"v":2098,"f":"2098 km"},{"v":1352,"f":"1352 km"},{"v":4412,"f":"4412 km"},{"v":132,"f":"132 km"},{"v":2435,"f":"2435 km"},{"v":3952,"f":"3952 km"}]},{"c":[{"v":"Date(2016,3,1)"},{"v":3177,"f":"3177 km"},{"v":2901,"f":"2901 km"},{"v":2491,"f":"2491 km"},{"v":1480,"f":"1480 km"},{"v":2272,"f":"2272 km"},{"v":400,"f":"400 km"},{"v":1096,"f":"1096 km"}]}]}');

  var options = {
    legend: { position: 'none' },
    hAxis: {
      type: 'category',
      format: 'MMMM'
    }
  };

  chart = new google.charts.Bar(chartDiv);
  chart.draw(data, google.charts.Bar.convertOptions(options));

}


如果缩小提琴的宽度,月份名称将被分组并显示一次,但如果空间较大,则不会出现这种情况。

使用CoreChart,您可以设置自己的hAxis.ticks,但似乎无法与材质chrts一起使用。小提琴看起来很正确。@WhoAmI请增加正确图表容器的宽度,然后重新运行小提琴。这样问题就会清楚了