javascript - ハイチャート/ハイストックにズームボタンを配置することは可能ですか?

Question

タイトルが示すように、左側に 2 つの y 軸を持つグラフがいくつかあります。その結果、画面を小さくすると、ズーム ボタンが範囲入力に重なってしまいます。

理想的には、ズーム ボタンを常にグラフの左側 (軸を含む) に揃えたいと思います。

ありがとう

APIで可能性を示唆するものを見つけることができませんhttp://api.highcharts.com/highstock#rangeSelector

Answer 1

これを確認してください: Highstock のカスタム座標に RangeSelector / ズーム ボタンを配置する方法

var orgHighchartsRangeSelectorPrototypeRender = Highcharts.RangeSelector.prototype.render;
Highcharts.RangeSelector.prototype.render = function (min, max) {
    orgHighchartsRangeSelectorPrototypeRender.apply(this, [min, max]);
    var leftPosition = this.chart.plotLeft,
        topPosition = this.chart.plotTop+5,
        space = 2;
    this.zoomText.attr({
        x: leftPosition,
        y: topPosition + 15
    });
    leftPosition += this.zoomText.getBBox().width;
    for (var i = 0; i < this.buttons.length; i++) {
        this.buttons[i].attr({
            x: leftPosition,
            y: topPosition 
        });
        leftPosition += this.buttons[i].width + space;
    }
};

Answer 2

ボタンを移動するオプションが見つかりませんが、次を使用して範囲入力を移動できます。

        rangeSelector: {
            inputPosition: {
                x: 100
            }
        },

http://api.highcharts.com/highstock#rangeSelector.inputPosition。

おそらく、入力ボックスを左側に移動するか、完全に削除できますか?