Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.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
用条形图单击图表列表url-javascript_Javascript_Chartist.js - Fatal编程技术网

用条形图单击图表列表url-javascript

用条形图单击图表列表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"; } 试试这

我正在尝试让onClick特性与ChartList一起工作,使用以下代码打开一个新的Url(不带JQuery):

但当我实现这一点时,它不会等待点击,而是自动打开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');  
        };