用条形图单击图表列表url-javascript
我正在尝试让onClick特性与ChartList一起工作,使用以下代码打开一个新的Url(不带JQuery): 但当我实现这一点时,它不会等待点击,而是自动打开www.google.com 如何让它等待单击用条形图单击图表列表url-javascript,javascript,chartist.js,Javascript,Chartist.js,我正在尝试让onClick特性与ChartList一起工作,使用以下代码打开一个新的Url(不带JQuery): 但当我实现这一点时,它不会等待点击,而是自动打开www.google.com 如何让它等待单击 有人能澄清我做错了什么吗?我不知道你的问题,但func()不是有效的javascript关键字 您应该将其更改为: data.element._node.onclick = function(){ window.location = "www.google.com"; } 试试这
有人能澄清我做错了什么吗?我不知道你的问题,但
func()
不是有效的javascript关键字
您应该将其更改为:
data.element._node.onclick = function(){
window.location = "www.google.com";
}
试试这个
HTML
<div id="chartContainer" style="height: 360px; width: 100%;"></div>
<div id="chartContainer" style="height: 360px; width: 100%;"></div>
var chart = new CanvasJS.Chart("chartContainer",
{
data: [
{
type: "bar",
cursor:"pointer",
click: onClick,
dataPoints: [
{ label: "Google", y: 85, link:"http://google.com/" },
{ label: "Bing", y: 15, link:"http://bing.com/"},
{ label: "Yahoo Search", y: 13, link:"http://search.yahoo.com/" },
{ label: "DuckDuckGo", y: 6, link:"http://www.duckduckgo.com/" },
{ label: "DogPile", y: 3, link: "http://www.dogpile.com/" }
]
}
]
});
chart.render();
function onClick(e){
window.open(e.dataPoint.link,'_blank');
};