2014-11-09 5 views
-1

Im 높은 차트 게이지 솔리드 모듈로 작업하면 숨기고 싶은 그래프에 가운데 마커가 표시됩니다. 어떻게 할 수 있습니까? 첨부 된 이미지는 카트 렌더링 출력입니다.계기 차트에서 중간 마커를 제거하십시오.

(".graph-container").highcharts({   
    chart: { 
     type: 'solidgauge', 
     plotBorderWidth: 0, 
     borderColor: "#fff", 
     backgroundColor: "#fff", 
     height: this.get_body_height() - this.get_body().find(".graph-header").height() * 1.5, 
     marginLeft: 0, 
     marginRight: 0, 
     plotShadow: false 
    }, 
    title: null, 
tooltip: { enabled: false}, 
    plotOptions: {solidgauge: { dataLabels: {borderWidth: 0, y: 5, useHTML: true}}}, 
    pane: { 
     center: ['50%', '75%'], 
     size: '100%', 
     startAngle: -90, 
     endAngle: 90, 
     borderWidth: 0, 
     borderColor: "#fff", 
     background: { 
      backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || '#EEE', 
      innerRadius: '60%', 
      outerRadius: '100%', 
      shape: 'arc' 
     } 
    }, 
    yAxis: { 
     min: data.min_value, 
     max: data.max_value, 
     title: { 
      y: -60, 
      //text: data.name 
     }, 
     labels: { y: 16 }, 
     stops: data.stops, 
     lineWidth: 0, 
     minorTickInterval: null, 
     tickPixelInterval: 400, 
     tickWidth: 0, 
    }, 
    credits: { 
     enabled: false 
    }, 
    series: [{ 
     name: data.name, 
     data: [data.value], 
     dataLabels: { 
    formatter: function() { 
       var d = this.point; 
       return '<div style="text-align:center"><span style="font-size:14px;color:' + 
     ((Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black') + '">' + d.y.toPrecision(3) + '</span></div>' 
    } 
     }, 
     tooltip: { 
      valueSuffix: ' ' + data.unit 
     } 
    }] 
}); 

답변

1

당신은이를 추가 할 수 있습니다 :

yAxis: { 
    tickInterval:10000000 // max amount of the gauge 
} 

이 게이지가 끝입니다이 시점에서 진드기, 그래서 다른 점을 시작하게됩니다 여기 sample output I want to remove that 5M from the middle

내 코드입니다 표시됩니다.