删除隐藏/显示股票工具GUI的箭头

Question

我默认将stock tools GUI隐藏在我的应用程序中，还添加了一个自定义按钮，可在exporting汉堡包菜单旁边显示/隐藏该按钮。考虑到这一点，我想删除最初显示/隐藏菜单的小箭头，在API或文档中找不到该箭头的任何参考。

Here是正在运行的演示。

感谢您的帮助。

Answer 1

您可以仅将以下内容添加到style.css：

.highcharts-bindings-wrapper .highcharts-arrow-left { 
   display: none;
}

如果您只想隐藏箭头，那应该可以。

Answer 2

隐藏菜单的选项是：

navigation: {
  buttonOptions: { enabled: false }
}

因此，在您的示例中，您的选项对象将是：

options: {
  legend: {
    enabled: true
  },

  tooltip: {
    enabled: false
  },

  series: data.map((set, index) => ({
    ...set,
    id: `series-${index}`,
    type: "line",
    cursor: "pointer",
    marker: {
      enabled: false
    }
  })),
  stockTools: {
    gui: {
      enabled: true
    }
  },
  chart: {
    zoomType: "x",
    events: {
      load() {
        let chart = this;
        chart.stockTools.showhideBtn.click();
      }
    }
  },
  exporting: {
    enabled: true,
    allowHTML: true,
    buttons: {
      customButton: {
        text: "Stock Tools",
        onclick: function() {
          this.stockTools.showhideBtn.click();
        }
      }
    }
  },
  navigation: {
    buttonOptions: { enabled: false }
  }
}