Google Charts Axis标签问题折线图

时间:2012-11-29 14:26:33

标签: google-visualization

我正在创建谷歌图表以显示过去7天的Google Analytics数据。我有一个问题,当我有一些数据时,X轴标签堆叠在一起(或者至少我可以说的是不同的。)

我正在使用这个gem生成API调用:https://github.com/mattetti/googlecharts我已经查看了URL的每个部分正在做什么但找不到问题,但我确定我遗漏了一些东西

以下是同一时间段内两个网站数据的示例,第一个显示问题,第二个是工作示例:

broken chart

working chart

这是URL,这些是为了便于阅读而编码的文本,但在切换到简单或扩展编码时它也有同样的问题:

BROKEN VERSION:

https://chart.apis.google.com/chart?chxl=0:|11-22|11-23|11-24|11-25|11-26|11-27&chxt=x&chco=58838C,BF996B,BF5841,A61C1C&chf=bg,s,ffffff&chd=t:979,807,681,653,580,509|822,724,602,562,519,455|540,409,381,375,336,301|307,156,173,176,155,133&chds=0,979&chdl=Visits|Visitors|New+Visits|Organic+Searches&chtt=Google+Analytics+-+Last+7+Days&cht=lc&chs=600x200&chxr=0,979,979|1,822,822|2,540,540|3,307,307

工作版本:

https://chart.apis.google.com/chart?chxl=0:|11-22|11-23|11-24|11-25|11-26|11-27&chxt=x&chco=58838C,BF996B,BF5841,A61C1C&chf=bg,s,ffffff&chd=t:1385,1395,981,947,863,731|1083,1222,832,715,690,546|580,566,427,413,387,329|247,151,151,171,162,135&chds=0,1395&chdl=Visits|Visitors|New+Visits|Organic+Searches&chtt=Google+Analytics+-+Last+7+Days&cht=lc&chs=600x200&chxr=0,1385,1395|1,1083,1222|2,580,580|3,247,247

1 个答案:

答案 0 :(得分:1)

chxr值不正确。宝石正在为多个轴生成它们,而它应该只生成一个轴。我手动覆盖了宝石中的min,max和step,它起作用了。

这是我使用gem的代码,首先从我的所有数据点获取最大值:

[@visits,@visitors,@new_visits,@organic_searches].each do |array|
  array.values.each do |value|
    @max_value = value if (value > @max_value)
  end
end

# Chart it
chart = Gchart.line(
  :title => prop.to_s.upcase + ' Google Analytics - Past 7 Days',
  :size => '600x200',
  :bg => 'ffffff',
  :axis_with_labels => ['x'],
  :axis_labels => [@visits.keys],
  :legend => ['Visits','Visitors','New Visits','Organic Searches'],
  :line_colors => ['58838C','BF996B','BF5841','A61C1C'],
  :encoding => 'text',
  :data => [@visits.values,@visitors.values, @new_visits.values, @organic_searches.values],
  :max_value => @max_value,
  :axis_range => [nil, [0, @max_value, (@max_value / 10).to_i]],
  :format => 'image_tag')