动态添加Y轴 [英] Adding Y-Axis dynamically
本文介绍了动态添加Y轴的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
是否可以将新的y轴添加到Highstock图表中?我已经尝试添加一个选项并重新绘制,但这似乎不起作用。
HighCharts的文档包含图表对象的addAxis()函数,但在HighStock中,此函数不存在。任何替代方案?
请看看 http://jsfiddle.net/wvaGt/
$('#container') .highcharts('StockChart',{
yAxis:{
title:{
text:'Temperature'
},
lineWidth :2,
lineColor:'#F33'
},
系列:[{
name:'Temperature',
data:[7.0,
color:'#F33'
}]
});
color:'#F33'
}]
});
//按钮句柄
var chart = $('#container')。highcharts();
$('#add')。click(function(){
chart.addAxis({// Secondary yAxis
id:'rainfall-axis',
title:{
text:'降雨'
},
lineWidth:2,
lineColor:'#08F',
相反:true
});
chart.addSeries({
name:'Rainfall',
type:'column',
color:'#08F',
yAxis:'rainfall-axis',
数据:[49.9,71.5,106.4,129.2,144.0,176.0,135.6,148.5,216.4,194.1,95.6,54.4]
});
});
is it possible to add a new y-Axis to a Highstock-chart? I've tried adding one to the options and redrawing, but that doesn't seem to work.
The documentation for HighCharts holds an addAxis()-function for the chart-object, but in HighStock this function doesn't exist. Any alternatives?
解决方案
Please take look at example http://jsfiddle.net/wvaGt/
$('#container').highcharts('StockChart',{
yAxis: {
title: {
text: 'Temperature'
},
lineWidth: 2,
lineColor: '#F33'
},
series: [{
name: 'Temperature',
data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6],
color: '#F33'
}]
});
// the button handlera
var chart = $('#container').highcharts();
$('#add').click(function() {
chart.addAxis({ // Secondary yAxis
id: 'rainfall-axis',
title: {
text: 'Rainfall'
},
lineWidth: 2,
lineColor: '#08F',
opposite: true
});
chart.addSeries({
name: 'Rainfall',
type: 'column',
color: '#08F',
yAxis: 'rainfall-axis',
data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
});
});
这篇关于动态添加Y轴的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文