Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 奇怪的问题高图表刻度间隔_Javascript_Jquery_Highcharts - Fatal编程技术网

Javascript 奇怪的问题高图表刻度间隔

Javascript 奇怪的问题高图表刻度间隔,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我不知道我是否做错了什么,或者这在Highcharts中是一个奇怪的问题,事实上我有兴趣使用输入框更改x轴和y轴的记号,如果可能的话,可以更新记号间隔,而无需重新绘制它的井和井 在这里,奇怪的问题是,下面的内容对更改没有影响 var dummy = $('#xint').val(); chart.xAxis[0].options.tickInterval = dummy ; 但是,如果我像这样定义变量dummy,勾号间隔会被更新,我真的不知道这里到底出了什么问题。。请找个

我不知道我是否做错了什么,或者这在Highcharts中是一个奇怪的问题,事实上我有兴趣使用输入框更改x轴和y轴的记号,如果可能的话,可以更新记号间隔,而无需重新绘制它的井和井

在这里,奇怪的问题是,下面的内容对更改没有影响

     var dummy = $('#xint').val(); 
     chart.xAxis[0].options.tickInterval = dummy ;
但是,如果我像这样定义变量dummy,勾号间隔会被更新,我真的不知道这里到底出了什么问题。。请找个人来帮我

这里是链接到

HTML

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

    <input id='xint' type='number'>
.val()
返回一个字符串,您需要一个浮点:

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

编辑评论

     $(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();
       });

      });
不要在执行时更新
tickInterval
(它会弄乱Highcharts的内部结构),而是使用:

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

+1哦,好的,非常感谢Mark,我很抱歉我实际上是个哑巴,不熟悉Javascript/web编程…我仍然有问题,看到我为yaxis创建的也不工作,但是对于x轴它的工作Hi Mark,你能再解决我的一个问题吗?如果你有时间,请看这篇文章
    chart.yAxis[0].update({
        tickInterval: dummy
    })