Question

in highstock..specificly on volume and price chart combination。我怎样才能添加＆＃34;按钮＆＃34;在体积图表的顶部..我正在尝试创建类似于下面的链接..最右边有一个关闭（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=off;source=undefined;

Answer 1

您可以在使用导出模块时添加按钮（如果您不需要，请将其禁用），例如：http://jsfiddle.net/highcharts/2F4pJ/

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

但是我仍然认为HTML按钮与left / top和position：absolute之间没有区别，或者在Highcharts中添加内置按钮，你需要使用x和y来定位按钮。

Answer 2

实际上它是可能的，它只是没有记录。 Highcharts＆＃39; SVG渲染器有一个＆＃34;按钮＆＃34;看起来像这样的方法：

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

意思是你可以创建一个这样的按钮：

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

Answer 3

您可以使用导出模块添加按钮（如果不需要，可以忽略它），例如：jsfiddle url (you can check here)

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"
  },
}}

如何在subplot / addAxis上的highstock / highcharts上添加自定义按钮

3 个答案: