温馨提示:本文翻译自stackoverflow.com,查看原文请点击:其他 - Highcharts add button fix chart
highcharts

其他 - 高图添加按钮修复图

发布于 2020-04-10 18:15:21

美好的一天!如何添加按钮以将其链接到图形?我的意思是,当我添加一个按钮时。当我拉伸图形时,该按钮在应移动时仍保持在相同的坐标处。

我这样添加它:

chart.renderer.button('Reset', 500, 200, function() {
  console.log(chart);
}, null, null, null).attr({
      zIndex: 4
    }).add();

在此处输入图片说明

查看更多

提问者
18 - Trader 18 plus
被浏览
64
Sebastian Wędzel 2020-02-04 00:01

以下是有关如何使用渲染功能创建自适应按钮的指南。

演示:https : //jsfiddle.net/BlackLabel/tj50heo1/

  chart: {
    events: {
      render() {
        let chart = this,
          x = chart.plotWidth / 2 + chart.plotLeft,
          y = chart.plotHeight;

        if (chart.customBtn) {
          chart.customBtn.destroy();
        }

        chart.customBtn = chart.renderer.button('Reset', x, y, function() {}, null, null, null).attr({
          zIndex: 4,
        }).add();

        //center button after render with width value
        chart.customBtn.translate(chart.customBtn.x - chart.customBtn.width /2, chart.customBtn.y)
      }
    }
  },

API:https//api.highcharts.com/class-reference/Highcharts.SVGRenderer#button

API:https//api.highcharts.com/highcharts/chart.events.render