Javascript Highcharts.stockChart范围选择器(缩放)按钮在图表容器后的位置
我想把范围选择器按钮放在图表显示区之后。有人建议我如何实施吗 使用的代码Javascript Highcharts.stockChart范围选择器(缩放)按钮在图表容器后的位置,javascript,jquery,highcharts,highstock,Javascript,Jquery,Highcharts,Highstock,我想把范围选择器按钮放在图表显示区之后。有人建议我如何实施吗 使用的代码 Highcharts.stockChart('chartcontainer', { rangeSelector: { selected: 1 }, title: { text: 'AAPL Stock Price' }, plotOptions: { candlestick: { color: '#00c
Highcharts.stockChart('chartcontainer', {
rangeSelector: {
selected: 1
},
title: {
text: 'AAPL Stock Price'
},
plotOptions: {
candlestick: {
color: '#00c800',
upColor: '#c80000'
}
},
series: [{
type: 'candlestick',
name: 'AAPL Stock Price',
data: data,
dataGrouping: {
units: [
[
'week', // unit name
[1] // allowed multiples
], [
'month',
[1, 2, 3, 4, 6]
]
]
}
}]
});
至少有一种方法是在多个边距和x/y位置之间切换。问题是导航器和范围选择器的定位都不提供非常动态的定位选项 请参见此示例(基于):
谢谢你的帖子对我很有帮助:)
chart: {
marginTop: 20, // Close the gap where the range selector used to be
marginBottom: 60, // Make space for the new range selector position
},
rangeSelector: {
selected: 1,
buttonPosition: {
x: 0,
y: 370 // Move the range selector down the Y-axis
}
},
navigator: {
top: 300 // Reposition the navigator based on the top of the chart
}