2016-07-06 46 views
0

显示图形我做了什么:使用谷歌分析原始数据由月

我使用的API查询,并通过PHP得到了谷歌分析json格式的数据。我用chartjs.org来显示图表。它的工作正常,如其文档中所述。

下面是结果从上面: graph from cartjs

GA管理:

但在GA管理结果按月分组。这是因为如果时间跨度增加,上图的x轴标签将变得拥塞。我如何实现下面的图表并按月分组数据?

goal graph

我的JS数据:

var salesChartData = { 
    labels: ["2016 Jun, 11","2016 Jun, 12","2016 Jun, 13","2016 Jun, 14","2016 Jun, 15","2016 Jun, 16","2016 Jun, 17","2016 Jun, 18","2016 Jun, 19","2016 Jun, 20","2016 Jun, 21","2016 Jun, 22","2016 Jun, 23","2016 Jun, 24","2016 Jun, 25","2016 Jun, 26","2016 Jun, 27","2016 Jun, 28","2016 Jun, 29","2016 Jun, 30","2016 Jul, 01","2016 Jul, 02","2016 Jul, 03"], 
    datasets: [ 
     { 
     label: "Electronics", 
     fillColor: "rgba(5, 141, 199,.1)", 
     strokeColor: "#058dc7", 
     pointColor: "#058dc7", 
     pointStrokeColor: "#058dc7", 
     pointHighlightFill: "#0371a0", 
     pointHighlightStroke: "#0371a0", 
     data: ["18","4","39","25","19","23","19","11","7","21","14","19","24","29","6","8","29","29","15","18","13","3","4"], 

     } 
    ] 
    }; 

什么需要在上面的代码更改为实现像GA图表?

回答

0

我发现,图表js的最新版本有showxLable选项可以完成这项工作,但完全不需要。它只是显示标签数量而不分组数据。

[demo]demo