Highcharts.stockChart范围选择器(缩放)图表容器后的按钮位置

时间:2017-02-05 08:31:05

标签: javascript jquery highcharts highstock

我想将范围选择器按钮放在图表显示区域之后。任何人都建议我如何实现它。

Current Output

Expected Output

使用的代码

forEach()

1 个答案:

答案 0 :(得分:1)

至少有一种方法是兼顾多个边距和x / y位置。问题是导航器和范围选择器的定位不能提供非常动态的定位选项。

请参阅此示例(JSFiddle demonstration基于this demo):

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
}