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