我正在尝试创建一个图表生成器。我有用户输入标题和图例位置。我希望用户输入标题,当他们离开(失焦)图表时,图表可以根据他们输入的内容进行更新。
问题是图表只在第一次呈现,但我永远无法再次呈现图表。以下是代码的简要摘要。
图表第一次呈现后,第二次只是一个空白的白色区域。有什么想法吗? chartData是一个包含所有选项且可以正确呈现的变量。 这里有一个JSFiddle展示了这个问题。http://jsfiddle.net/zVjrb/3/
问题是图表只在第一次呈现,但我永远无法再次呈现图表。以下是代码的简要摘要。
$('#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/