Highcharts 高库存范围选择器按钮到PDF导出下拉列表

我已经能够将我的范围选择器按钮转换为下拉菜单，而不是显示为列表。另外，添加导出到PDF/图像下拉列表

我现在试图实现的是将范围选择器下拉按钮集成到与导出相同的下拉列表中，或者反之亦然

出口：

exporting: {
    enabled: true,
    allowHtml: true,
    accessibility: {
        enabled: true,
    },
    buttons: {
        contextButtons: {
            enabled: true
        }
    }
}

范围选择器：

exporting: {
  buttons: {
    contextButton: {
      enabled: false
    },
    toggle: {
      text: 'Select range',
      align: 'left',
      height: 20,
      y: -3,
      theme: {
        'stroke-width': 0.5,
        stroke: '#000000',
        r: 2
      },
      menuItems: [{
        text: '1M',
        onclick: function() {
          this.rangeSelector.clickButton(0, true);
        }
      }, {
        text: '3M',
        onclick: function() {
          this.rangeSelector.clickButton(1, true);
        }
      }, {
        text: '6M',
        onclick: function() {
          this.rangeSelector.clickButton(2, true);
        }
      }, {
        text: 'YTD',
        onclick: function() {
          this.rangeSelector.clickButton(3, true);
        }
      }, {
        text: '1Y',
        onclick: function() {
          this.rangeSelector.clickButton(4, true);
        }
      }, {
        text: 'All',
        onclick: function() {
          this.rangeSelector.clickButton(5, true);
        }
      }]
    }
  }
},

例如：

---

将默认项添加到

menuItems

数组：

exporting: {
    buttons: {
        contextButton: {
            enabled: false
        },
        toggle: {
            ...,
            menuItems: [..., {
                    text: 'All',
                    onclick: function() {
                        this.rangeSelector.clickButton(5, true);
                    }
                },
                'separator',
                'viewFullscreen',
                'printChart',
                'separator',
                'downloadPNG',
                'downloadJPEG',
                'downloadPDF',
                'downloadSVG'
            ]
        }
    }
}

---

现场演示：

API参考：