Highcharts-带有间隙的量规图表

Question

I am trying to get breaks on a gauge chart along the axis. It looks like below -

I have my jsfiddle setup to achieve the above chart but the breaks aren't quite working - JSFiddle link - http://jsfiddle.net/arj_ary/1g0v9Lhg/42/

The notable part in the code is -

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

Can someone help me in figuring out what exactly i am missing or how to get those 3 breaks in the chart.

Thanks in advance !.

EDIT: i was missing a broken-axis module. Loaded it now, still cant get 3 different breaks on the axes.

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

Answer 1

Set tick positions at 25, 50 and 75 and that should work in conjunction with pane object on a solidgauge chart -

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,
                }
            }
}