Как добавить пользовательскую кнопку на highstock/highcharts на subplot/addAxis

Question

В хайсток.. конкретно по объему и комбинации ценовых графиков. Как я могу добавить "кнопку" в верхней части графика объема.. я пытаюсь создать аналог по ссылке ниже.. где есть кнопка закрытия (X) в правом крайнем углу

http://finance.yahoo.com/echarts?s=IBM+Interactive#symbol=ibm;range=1y;compare=;indicator=bollinger+volume+macd+rsi;charttype=area;crosshair=on;ohlcvalues=0;logscale= выкл; источник = не определено;

Answer 1

Вы можете добавить кнопки при использовании модуля экспорта (если вам это не нужно, отключите его), например: http://jsfiddle.net/highcharts/2F4pJ/

exporting: { 
    buttons: {
        customButton: {
            x: -62,
            onclick: function () {
               alert('Clicked');
            },
            symbol: 'circle'
        }
    }
}

Но все же я не вижу разницы между позиционированием кнопки HTML слева / сверху и позицией: абсолютным, или добавлением встроенной кнопки из Highcharts, где вам нужно использовать x и y для позиционирования кнопки.

Answer 2

На самом деле это возможно, просто не задокументировано. У рендерера Highcharts' SVG есть метод "кнопки", который выглядит следующим образом:

button: function (text, x, y, callback, normalState, hoverState, pressedState, disabledState, shape)

Это означает, что вы можете создать такую ​​кнопку:

chart.renderer.button('Click me', 150, 25, myCallback)

Answer 3

Вы можете добавить кнопки, используя модуль экспорта (если вам это не нужно, игнорируйте его), например: jsfiddle url (вы можете проверить здесь)

exporting: {
 buttons: {
  customButton: {
    x: -350,
    y: 40,
    onclick: function() {
      alert('Clicked');
    },
    text: "button1"
  },
  custoButton: {
    x: -275,
    y: 40,
    onclick: function() {
      alert('Clicked');
    },
    text: "button2"
  },

  cusoButton: {
    x: -200,
    y: 40,
    onclick: function() {
      alert('Clicked');
    },
    text: "button3"
  },
}}