相关疑难解决方法(0)

我正在尝试创建一个图表生成器.我有标题和图例位置的用户输入.我希望用户输入标题,然后单击关闭(模糊)图表以使用他们键入的内容进行更新.

问题是图表第一次渲染,但是我永远无法再次渲染char.以下是代码的快速摘要.

$('#legendlocation-select').blur(function updateChartLegend(){
console.log($('#legendlocation-select').val());
if($('#legendlocation-select').val()==='none'){
    chartData.legend.enabled = 'false';
}else{
    chartData.legend.enabled = 'true';
    chartData.legend.align = $('#legendlocation-select').val();
}
renderChart();
});
function renderChart(){
if(chart == undefined){
    console.log("First Draw");
    chart = new Highcharts.Chart(chartData);
}else{
    console.log("Redraw");
    chart.destroy();
    chart = new Highcharts.Chart(chartData);
    chart.redraw();
}
};

图表第一次渲染,然后第二次只是一个空白区域.有任何想法吗？chartData是一个变量,其中包含正确呈现的所有选项.

这是一个JSFiddle,它显示了问题http://jsfiddle.net/zVjrb/3/