Javascript 如何从GoogleChartAPI获取条形图名称

我被困了几天！
我正在制作一个应用程序，显示猫的品种以及它们在欧洲被发现的时间

这是我的代码：

因为论坛想重新格式化，所以我不能在这里发布我的代码。
检查我的谷歌硬盘：
我的代码

它将返回一个外观良好的图表，如下所示：

我想做的是在时间线的一个栏中找到名字。 例如，如果我单击“pers（ion）”，我想使dynamicali成为一个div，其中包含关于pers（ion）的更多信息。但是因为它没有类或id，所以我不能得到它。

---

现在有人能用一种简单的方法来做这件事吗？

我不确定我是否理解你的问题。看起来您已正确设置了

选择
处理程序。

在本例中，我在选中图表时更新div，
userSelect


google.load（“可视化”，“1”，“{packages:[“timeline”]}）；
setOnLoadCallback（drawChart）；
var容器；
var图；
var数据表；
函数绘图图（）{
container=document.getElementById（'timeline'）；
chart=新的google.visualization.Timeline（容器）；
dataTable=新的google.visualization.dataTable（）；
addColumn（{type:'string'，id:'President'}）；
addColumn（{type:'date'，id:'Start'}）；
addColumn（{type:'date'，id:'End'}）；
dataTable.addRows([
[“华盛顿”，新日期（1789年3月30日），新日期（1797年2月4日）]，
[“亚当斯”，新日期（1797年2月4日），新日期（1801年2月4日）]，
[“杰斐逊”，新日期（1801年2月4日），新日期（1809年2月4日）]；
图表绘制（数据表）；
google.visualization.events.addListener（图表'select'，selectHandler）；
}
函数selectHandler（）{
var selectedItem=chart.getSelection（）[0]；
如果（选择编辑项）{
var topping=dataTable.getValue（selectedItem.row，0）；
document.getElementById（'userSelect'）。innerHTML='The user selected'+top；
}
}
我不确定我是否理解您的问题。看起来您已正确设置了
选择
处理程序。

在本例中，我在选中图表时更新div，
userSelect


google.load（“可视化”，“1”，“{packages:[“timeline”]}）；
setOnLoadCallback（drawChart）；
var容器；
var图；
var数据表；
函数绘图图（）{
container=document.getElementById（'timeline'）；
chart=新的google.visualization.Timeline（容器）；
dataTable=新的google.visualization.dataTable（）；
addColumn（{type:'string'，id:'President'}）；
addColumn（{type:'date'，id:'Start'}）；
addColumn（{type:'date'，id:'End'}）；
dataTable.addRows([
[“华盛顿”，新日期（1789年3月30日），新日期（1797年2月4日）]，
[“亚当斯”，新日期（1797年2月4日），新日期（1801年2月4日）]，
[“杰斐逊”，新日期（1801年2月4日），新日期（1809年2月4日）]；
图表绘制（数据表）；
google.visualization.events.addListener（图表'select'，selectHandler）；
}
函数selectHandler（）{
var selectedItem=chart.getSelection（）[0]；
如果（选择编辑项）{
var topping=dataTable.getValue（selectedItem.row，0）；
document.getElementById（'userSelect'）。innerHTML='The user selected'+top；
}
}
这将帮助您获取酒吧名称。
如果你的数据是

var data = new google.visualization.arrayToDataTable([
    ['Object', 'Count'],
    ["ApexClass", apexCount],
    ["Sobjects", objectCount],
    ["ApexPage", vfPageCount],
    ["Role", rolesCount],
    ["Dashboard", dashboardCount],
    ["Profile", profileCount]

    ]);

然后在selecthandler中编写

google.visualization.events.addListener(barchart, 'select', countsChartSelectListener);
    function countsChartSelectListener(){
        var selectedItem = barchart.getSelection()[0];
        if (selectedItem) {
            var barName = data.getValue(selectedItem.row, 0);

这将帮助您获得酒吧的名称。
如果你的数据是

var data = new google.visualization.arrayToDataTable([
    ['Object', 'Count'],
    ["ApexClass", apexCount],
    ["Sobjects", objectCount],
    ["ApexPage", vfPageCount],
    ["Role", rolesCount],
    ["Dashboard", dashboardCount],
    ["Profile", profileCount]

    ]);

然后在selecthandler中编写

google.visualization.events.addListener(barchart, 'select', countsChartSelectListener);
    function countsChartSelectListener(){
        var selectedItem = barchart.getSelection()[0];
        if (selectedItem) {
            var barName = data.getValue(selectedItem.row, 0);

谢谢你的帮助，但在我的例子中，我总是得到“rassen”，意思是繁殖。在您的示例中，您有3行（Washinton、Adam、Jefferson）**行****在第0列**，我只有1行（“Rassen”）。我想做的是为所选品种创建一个包含更多信息的div。这里是JSON文件，如果它有帮助的话：JSON会有帮助，但它说我需要权限。你能在你的问题中写几行吗？您可以添加行属性，如果您需要在图表中存储一个id以供返回表的参考…感谢您的帮助，但在我的示例中，我总是得到“rassen”，这意味着繁殖。在您的示例中，您有3行（Washinton、Adam、Jefferson）**行****在第0列**，我只有1行（“Rassen”）。我想做的是为所选品种创建一个包含更多信息的div。这里是JSON文件，如果它有帮助的话：JSON会有帮助，但它说我需要权限。你能在你的问题中写几行吗？如果需要在图表中存储一个id以供返回到表的引用，则可以添加行属性。。。