javascript - 奇怪的问题 Highchart tick interval

Question

我不知道我是不是做错了什么或者这是 Highcharts 中的一个奇怪问题，实际上我有兴趣使用输入框更改 x 和 y 轴刻度线，如果可以更新刻度线间隔而不重新绘制它很好,

下面是奇怪的问题，对更改没有影响

     var dummy = $('#xint').val(); 
     chart.xAxis[0].options.tickInterval = dummy ;

但是如果我像这样定义变量虚拟对象，滴答间隔就会更新，我真的不知道这里到底出了什么问题..请有人帮帮我

这里是链接 Fiddle

      var dummy = 0.2;
      chart.xAxis[0].options.tickInterval = dummy ;

HTML

    <script src="http://code.highcharts.com/highcharts.js"></script>
    <div id="container" style="height: 400px"></div>

    <input id='xint' type='number'>

JavaScript

     $(function () {
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        zoomType: 'xy',
        marginLeft: 50,
        marginBottom: 90
    },

    yAxis: {
        reversed: true,
        //min: 0,
        //max: 50
    },
    plotOptions: {
        series: {
            stacking: 'normal'
        }
    },
    xAxis: {
        opposite: true  
    },
    series: [{
        name: '01-Jan-2014',
        data: [
            [28, 10],
            [30, 0]
        ]
    }]
});

$('#xint').change(function(){

        setTimeout(function() { alert($('#xint').val());},10);

        // This is not working 
       // var dummy = $('#xint').val();

       // where as this is working..
         var dummy = 0.2;

             chart.xAxis[0].options.tickInterval = dummy ;
             chart.xAxis[0].isDirty = true;
             chart.redraw();
       });

      });

Answer 1

.val() 返回一个字符串，你需要一个 float :

var dummy = parseFloat($('#xint').val());

已更新 fiddle .

评论编辑

不要更新 tickInterval ，因为你正在这样做(它与 Highcharts 的内部结构混淆)而是使用:

    chart.yAxis[0].update({
        tickInterval: dummy
    })