3

I've found some issue with selectors fields. They can't be changed after using jQuery hide() and show() methods on chart container. Is this a bug, or I've do something wrong?

Here is my example: http://jsfiddle.net/hal9000pro/jL3SX/

$(function(){
    $('#stock-mails-diagram').hide().
        highcharts('StockChart', {
            rangeSelector : {
                inputDateFormat:"%Y-%m-%d",
                inputEditDateFormat:"%Y-%m-%d"
            },

            title : {
                text : 'Emails sent per day'
            },
            series : [
            {
                name : 'mails sent',
                type: 'area',
                step: 'true',
                data : mails
            }],
            plotOptions:{
                area:{
                    dataLabels:{
                        enabled:false
                    }
                }
            }
        });
    $('#stock-mails-diagram').show();
});
Arun Chandran Chackachattil
  • 3,356
  • 7
  • 31
  • 45
Dmitry Davydov
  • 987
  • 13
  • 21
  • Don't generate chart in a hidden container, it may cause such problems, see [FAQ](http://www.highcharts.com/docs/frequently-asked-questions#jquery-ui-tab). – Paweł Fus Jan 07 '14 at 10:57

1 Answers1

0

Generally highcharts should be created in hidden div, so you can use workaround like here http://www.highcharts.com/docs/frequently-asked-questions

Sebastian Bochan
  • 37,348
  • 3
  • 49
  • 75
  • Perhaps you meant that highcharts should be created in visible but not hidden container. Anyway thanks for pointing on this thought. I've deal with it in this way http://jsfiddle.net/hal9000pro/jL3SX/10/ – Dmitry Davydov Jan 08 '14 at 17:52