引了highstock.js使用滚动条后导出按钮没了

在 Highstock 中启用滚动条后，导出按钮可能会被禁用或者不可见。这是因为滚动条可能会覆盖导出按钮，导致无法点击。为了解决这个问题，Highstock 提供了一个导出选项按钮，该按钮位于滚动条下方。您可以通过在图表选项中设置 `exporting.enabled=true` 来启用该按钮。如果您需要在导出菜单中添加其他导出选项，可以使用 `exporting.buttons.contextButton.menuItems` 选项。例如，要添加导出 PDF 选项，可以使用以下代码：

exporting: {
  enabled: true,
  buttons: {
    contextButton: {
      menuItems: [{
        text: 'Export to PDF',
        onclick: function () {
          this.exportChart({
            type: 'application/pdf'
          });
        }
      }]
    }
  }
}

这将在导出菜单中添加一个名为“Export to PDF”的选项，单击该选项将导出图表为 PDF 文件。

相关问题

引了highstock.js使用滚动条后导出功能没了

在Highstock中启用滚动条后，导出图表功能可能会被禁用。这是因为滚动条覆盖了导出菜单，导致无法点击。要解决这个问题，可以使用Highstock的导出选项按钮，该按钮位于滚动条下方。您可以通过在图表选项中设置exporting.enabled=true来启用该按钮。如果您需要在导出菜单中添加其他导出选项，可以使用exporting.buttons.contextButton.menuItems选项。例如，要添加导出PDF选项，可以使用以下代码：

exporting: {
  enabled: true,
  buttons: {
    contextButton: {
      menuItems: [{
        text: 'Export to PDF',
        onclick: function () {
          this.exportChart({
            type: 'application/pdf'
          });
        }
      }]
    }
  }
}

这将在导出菜单中添加一个名为“Export to PDF”的选项，单击该选项将导出图表为PDF文件。

vue使用print.js打印滚动条失效

使用 print.js 打印时，由于打印页面的大小和原页面大小不一致，可能会导致一些样式失效，包括滚动条。你可以尝试在打印之前隐藏滚动条，打印完成后再显示滚动条。

可以使用以下代码实现：

// 隐藏滚动条
document.body.style.overflow = 'hidden';

// 使用 print.js 打印

// 打印完成后显示滚动条
document.body.style.overflow = 'auto';

另外，如果使用的是 vue，可以在打印时使用 `this.$nextTick()` 等待页面渲染完成再隐藏滚动条，以避免一些渲染问题。具体代码如下：

printJS({
  printable: 'printable-element-id',
  type: 'html',
  onPrintDialogClose: function() {
    // 等待页面渲染完成
    this.$nextTick(() => {
      // 隐藏滚动条
      document.body.style.overflow = 'hidden';
    });
  },
  onError: function(error) {
    console.error(error);
  }
});

同样，在打印完成后也需要使用 `this.$nextTick()` 等待页面渲染完成再显示滚动条。