有没有办法使用一些 highcharts-stocktools-toolbar 项目？

Question

我可以通过

在我的指令中不添加它们来删除工具栏的部分

stockTools: {gui: {
enabled: true,
buttons: ['separator', 'measure', 'toggleAnnotations', 'separator', 'flags', 'separator','zoomChange', 'fullScreen', 'separator', 

/*'lines', 'crookedLines', 'simpleShapes', 'verticalLabels'*/

]

但是在measure中，我只想要measureX，不想要measureY和measure XY。有没有一种方法可以包含工具栏项目的子部分而不是将它们从库存中删除-tools.js.

Answer 1

您应该能够在库存工具定义中定义单项，但 Highcharts 中存在错误，报告如下：https://github.com/highcharts/highcharts/issues/10980

作为解决方法，您可以将第一个元素定义为空：items: [, 'measureX']

或创建您自己的按钮，而不是从列表中删除项目：

{
  ..., 
  stockTools: {
    gui: {
      buttons: ['indicators', 'separator', 'simpleShapes', 'lines', 'crookedLines', 'myMeasure', 'advanced', 'toggleAnnotations', 'separator', 'verticalLabels', 'flags', 'separator', 'zoomChange', 'fullScreen', 'typeChange', 'separator', 'currentPriceIndicator', 'saveChart'],
      definitions: {
        myMeasure: {
          className: 'highcharts-measure-x',
          symbol: 'measure-x.svg'
        }
      }
    }
  },

  navigation: {
    bindings: {
      myMeasure: Highcharts.getOptions().navigation.bindings.measureX
    }
  },
  ...
}

现场演示： https://jsfiddle.net/BlackLabel/mrj6badh/

API参考：https://api.highcharts.com/highstock/stockTools.gui.definitions.measure.items

有没有办法使用一些 highcharts-stocktools-toolbar 项目？

Is there a way to use some of the highcharts-stocktools-toolbar items?

highcharts

angularjs

jstockchart