Почему моя диаграмма высоких карт не восстанавливается/не восстанавливается должным образом?

Question

В моем коде я инициализирующий диаграмму, как это ...

<script type="text/javascript"> 
var chart = null, 
defaultOptions = { 
chart: etc etc 
}; 


function drawDefaultChart() { 
    chart = new Highcharts.Chart(defaultOptions); 
} 

$(function() { 
    $(document).ready(function() { 
     drawDefaultChart(); 
    }); 
}); 

</script> 

то в теле есть

<a href="#" onclick="drawDefaultChart()">Reset</a> 

, но при нажатии на ссылку, все это делает перерисовывать график с настройками из предыдущего состояния ... Я не совсем уверен, что происходит. Если я добавлю chart.destroy(); карта не работает на все ...

function drawDefaultChart() { 
    chart.destroy(); //this makes the chart not work at all 
    chart = new Highcharts.Chart(defaultOptions); 
} 

Вы можете ясно видеть, что я «м Пазинг опции по умолчанию на графику, который предполагает, чтобы получить перерисован .... Я не понимаю, почему он использует старые настройки фильтра, я собираюсь спрыгнуть с моста, может кто-нибудь ПОЖАЛУЙСТА ПОМОЧЬ?

мой живой пример здесь http://goo.gl/sGu0M

//////// UPDATE

Я был в состоянии сделать это с большим количеством крови, пота и слез. Я закончил тем, что помещал данные в переменную php на другой странице (чтобы сохранить недвижимость), а затем вызывал ее с помощью php-переменных, а затем просто вызываю ее каждый раз, когда кто-то нажимает на ссылку. Я понял, что для того, чтобы перерисовать график, вы должны каждый раз перезагружать ВСЕ данные. PHP делает это проще с точки зрения количества данных на экране.

Это была ссылка, которая в конечном итоге помогла мне разобраться в этом. http://jsfiddle.net/dane/YUa3R/34/

Answer 1

Во-первых, я ничего не знаю о Highcharts, но это, казалось бы, что вам нужно: (с вашей фактической страницы)

function drawDefaultChart() { 
$("#container").empty(); 
    chart = new Highcharts.Chart(defaultOptions); 
} 

быть

function drawDefaultChart() { 
    $("#container").empty().highcharts(defaultOptions); 
} 

ИЛИ возможно:

function drawDefaultChart() { 
    $("#container").highcharts(defaultOptions); 
} 

Answer 2

Всегда рекомендуется обратиться к документации API.

использовать следующий фрагмент кода, чтобы уничтожить диаграмму $('#container').highcharts().destroy();

Click here для рабочего раствора.