Google Analytics(分析) - 堆积柱形图 - 如何添加更多X轴刻度线

时间:2015-12-12 17:05:25

标签: google-analytics google-api google-visualization

我在网络应用中有一个显示新用户与用户的页面,我在柱形图中绘制图表。 JS看起来像这样:

var dataChart1 = new gapi.analytics.googleCharts.DataChart({
    query: {
        metrics: 'ga:newUsers, ga:users',
        dimensions: 'ga:date',
        'start-date': beginDate,
        'end-date': endDate
    },
    chart: {
        container: 'chart1-container',
        type: 'COLUMN',
        options: {
            width: '100%',
            isStacked: true
        }
    }
});

结果堆积柱形图如下所示:

enter image description here

正如您所见,没有X轴刻度线,我想为图表中的每个日期添加它们。我该怎么做?

1 个答案:

答案 0 :(得分:0)

您可以修改图表并重新绘制 不确定您的数据是什么样的。但您可能需要从chartTicks ...

中删除重复项
dataChart1.on('success', function(response) {
  // response.chart : the Google Chart instance.
  // response.data : the Google Chart data object.
  var chartTicks = [];

  for (var i = 0; i < response.data.getNumberOfRows(); i++) {
    chartTicks.push(response.data.getValue(i, 0));
  }

  var options = {
    width: '100%',
    isStacked: true,
    hAxis: { ticks: chartTicks }  
  }

  response.chart.draw(response.data, options);
});