highcharts在轴上滚动 [英] highcharts scroll through axis
本文介绍了highcharts在轴上滚动的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
chart = new Highcharts.Chart({
图表:{
renderTo:'container',
defaultSeriesType:'bar'
},
我的问题是当数据加载到Y轴时,图表正在缩小。我可以有一个垂直滚动条到highchart吗?
感谢您的帮助。
解决方案
这是小提示链接,显示如何在highcharts中启用滚动条:
var chart = new Highcharts.Chart({
图表:{
renderTo:'container'
},
xAxis:{
categories:['Jan','Feb','Mar','Apr','May','Jun','Jul', '八月','九月','O ct','Nov','Dec'],
分钟:6
},
图例:{
verticalAlign:'top',
y :100,
align:'right'
},
滚动条:{
启用:true
},
系列:[{
数据:[29.9,71.5,106.4,129.2,144.0,176.0,135.6,148.5,216.4,194.1,95.6,54.4]
}]
});
I am using a bar chart below.
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
defaultSeriesType: 'bar'
},
my issue is when loads of data load in to the Y axis, chart is getting shrink. can i have a vertical scroll bar in to the highchart?
Thanks in advance and appreciate your help.
解决方案
This is fiddle link showing how to enable scroll bars in highcharts:
How to enable scroolbars in highcharts
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
min: 6
},
legend: {
verticalAlign: 'top',
y: 100,
align: 'right'
},
scrollbar: {
enabled: true
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]
});
这篇关于highcharts在轴上滚动的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文