Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/459.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在谷歌柱形图api中添加链接(可点击并获取新数据)_Javascript_Jquery_Google Visualization - Fatal编程技术网

Javascript 如何在谷歌柱形图api中添加链接(可点击并获取新数据)

Javascript 如何在谷歌柱形图api中添加链接(可点击并获取新数据),javascript,jquery,google-visualization,Javascript,Jquery,Google Visualization,我最近使用了谷歌图表API 我想在谷歌图表工具提示中添加外部链接 例如,如果类型为X,则加载数据。加载X类型数据后,我想获取Y类型数据,该url位于图表中,可以单击 var get\u chart=函数(cdata、htitle){ google.charts.load(“当前”{ 软件包:['corechart'] }); google.charts.setOnLoadCallback(drawChart); 函数绘图图(){ var data=google.visualization.ar

我最近使用了谷歌图表API

我想在谷歌图表工具提示中添加外部链接

例如,如果类型为X,则加载数据。加载X类型数据后,我想获取Y类型数据,该url位于图表中,可以单击

var get\u chart=函数(cdata、htitle){
google.charts.load(“当前”{
软件包:['corechart']
});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable(cdata);
var view=newgoogle.visualization.DataView(数据);
view.setColumns([0,1,1,
{
计算:“字符串化”,
//资料来源专栏:1,
键入:“字符串”,
角色:“注释”
},
2, 3
]);
变量选项={
//标题:“贵金属密度,单位为g/cm^3”,
//宽度:600,
//身高:400,
酒吧:{
组宽度:“80%”
},
//图例:{位置:“无”},
图例:“无”,
言辞:{
视图窗口:{
分:0,,
最高:100
},
滴答声:[0,40,60,84,94,100],
text位置:“无”,
//批注:{style:}
},
哈克斯:{
标题:htitle,
}
};
var chart=new google.visualization.ColumnChart(document.getElementById(“ColumnChart_values”);
图表绘制(视图、选项);
}
}
var json={
“cdata”:[
[“元素”,“”{
“角色”:“风格”
}, {
“角色”:“注释”
}],
[“美国”,84“#f39c12”,“最佳”]
],
“url”:“x.php?type=y”
};
var cdata=json.cdata;
获取图表(cdata,”)

使用以下url:

var get\u chart=函数(cdata、htitle、url){
google.charts.load(“当前”{
软件包:['corechart']
});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable(cdata);
var view=newgoogle.visualization.DataView(数据);
view.setColumns([0,1,1,
{
计算:“字符串化”,
//资料来源专栏:1,
键入:“字符串”,
角色:“注释”
},
2, 3
]);
变量选项={
//标题:“贵金属密度,单位为g/cm^3”,
//宽度:600,
//身高:400,
酒吧:{
组宽度:“80%”
},
//图例:{位置:“无”},
图例:“无”,
言辞:{
视图窗口:{
分:0,,
最高:100
},
滴答声:[0,40,60,84,94,100],
text位置:“无”,
//批注:{style:}
},
哈克斯:{
标题:htitle,
}
};
var chart=new google.visualization.ColumnChart(document.getElementById(“ColumnChart_values”);
图表绘制(视图、选项);
//修改代码
google.visualization.events.addListener(图表'select',selectHandler);
函数selectHandler(e){
//警报(url);
window.location=url;
}
}
}
var json={
“cdata”:[
[“元素”,“”{
“角色”:“风格”
}, {
“角色”:“注释”
}],
[“美国”,84“#f39c12”,“最佳”]
],
“url”:“x.php?type=y”
};
var cdata=json.cdata;
var url=json.url
获取图表(cdata',url)