2013-04-16 62 views
1

我在嘗試在漏斗圖表中進行選擇(通過點擊漏斗節)時遇到問題。在選擇過程中發生JS錯誤。Highcharts:漏斗圖表上的選擇問題

非常感謝

http://jsfiddle.net/JvY4s/1246/

$(function() { 


var chart = new Highcharts.Chart({ 
    chart: { 
     renderTo: 'container', 
     type: 'funnel', 
     marginRight: 100 
    }, 
    title: { 
     text: 'Sales funnel' 
    }, 
    plotArea: { 
     shadow: null, 
     borderWidth: null, 
     backgroundColor: null 
    }, 
    plotOptions: { 
     series: { 
      allowPointSelect:true, 
      dataLabels: { 
       enabled: true, 
       format: '<b>{point.name}</b> ({point.y:,.0f})', 
       color: 'black', 
       softConnector: true 
      }, 
      neckWidth: '30%', 
      neckHeight: '25%' 

      //-- Other available options 
      // height: pixels or percent 
      // width: pixels or percent 
     } 
    }, 
    legend: { 
     enabled: false 
    }, 
    series: [{ 
     name: 'Unique users', 
     data: [ 
      ['Website visits', 15654], 
      ['Downloads',  4064], 
      ['Requested price list', 1987], 
      ['Invoice sent', 976], 
      ['Finalized', 846] 
     ] 
    }] 
}); 

// Add the jQuery UI resizin 
var container = $('#container')[0]; 
$('#resizer').resizable({ 
    // On resize, set the chart size to that of the 
    // resizer minus padding. If your chart has a lot of data or other 
    // content, the redrawing might be slow. In that case, we recommend 
    // that you use the 'stop' event instead of 'resize'. 
    resize: function() { 
     chart.setSize(
      this.offsetWidth - 20, 
      this.offsetHeight - 20, 
      false 
     ); 
    } 
}); 
}); 

回答