Highcharts带中断的仪表图

Question

我正试着沿着轴线在仪表图上取得突破。它看起来像下面-

​

​

我有我的jsfiddle设置来实现上面的图表，但是中断并不是很有效- JSFiddle链接- http://jsfiddle.net/arj_ary/1g0v9Lhg/42/

代码中值得注意的部分是-

breaks: [{
          from: 100,
          to: 120,
          breakSize: 20,
          repeat: 10
      }]

有人能帮我找出我到底遗漏了什么吗，或者如何在图表中找到这3个突破点。

提前谢谢你！

编辑:我遗漏了一个断轴模块。现在加载了，仍然不能在轴上得到3个不同的断点。

<script src="https://code.highcharts.com/modules/broken-axis.js">

Answer 1

将刻度位置设置为25，50和75，这应该与solidgauge图表上的窗格对象一起工作-

var chartOptions = {
            chart: {
                type: 'solidgauge',
                renderTo: this.el,
                width: this.chartWidth,
                height: this.chartHeight,
                margin: [0, 0, 0, 0]
            },
            title: null,
            tooltip: {
                enabled: false
            },
            pane: {
                size: '100%',
                center: ['50%', '60%'],
                startAngle: -135,
                endAngle: 135,
                background: {
                    borderWidth: 13,
                    backgroundColor: 'transparent',
                    shape: 'arc',
                    borderColor: '#E6E6E6',
                    outerRadius: '90%',
                    innerRadius: '90%'
                }
            },
            yAxis: {
                min: 0,
                max: 100,
                labels: {
                    enabled: false
                },
                lineWidth: 0,
                tickPositions: [25, 50, 75],
                minorTickWidth: 0,
                tickWidth: 10,
                tickLength: 28,
                tickColor: 'white',
                zIndex: 6,
            },

            plotOptions: {
                solidgauge: {
                    animation: false,
                }
            }
}