Google Chart - 下方带有标签的条形图答案

【问题标题】：Google Chart - Bar chart with label underneathGoogle Chart - 下方带有标签的条形图
【发布时间】：2013-10-31 22:02:09
【问题描述】：

我正在尝试使用 Google Chart API 创建与此类似的东西：

到目前为止，我得到了这个：

<img src="//chart.googleapis.com/chart?
chbh=a
&chs=461x337
&cht=bvg
&chco=323232,7bc247&c
&chd=e:zM,Mz" width="461" height="337" alt="" />

生成这个

http://jsfiddle.net/alexjamesbrown/c2VAP/

几乎就在那里，但我不知道如何/是否可以在条形下方添加标签？

【问题讨论】：

您是否必须使用 Image Chart API（现已弃用）？如果没有，以下是与 Visualization API 交互式图表复制的图表示例：jsfiddle.net/asgallant/3vaEE。
不绑定到图像图表 api（我不确定它是否已被折旧），所以这看起来是一个更好的选择！
仅供参考，我从该图表中删除了一堆默认功能，以使其与您发布的图像相匹配。以下是未移除功能后的样子：jsfiddle.net/asgallant/3vaEE/2

标签： google-visualization

【解决方案1】：

如果您想获得这样的标签，则必须进行一些更改。设置以下图表参数：

cht=bvs                // create a stacked chart
chd=zM__,__Mz          // insert null values for the opposite data points
chxt=x                 // create an x-axis
hxl=0:|Label+1|Label+2 // set the labels on the x-axis ("+" translates to a space)

参见示例：http://jsfiddle.net/asgallant/c2VAP/2/

【讨论】：