Highcharts標尺圖表向下舍入最大數量

當max設置爲非常大的數字（例如666772）時，會出現此問題.Highcharts將採用該數字並將其舍入，具體取決於tickPixelInterval的設置。Highcharts標尺圖表向下舍入最大數量

如果我將tickPixelInterval值設置爲更接近0，則量表圖表上的最大數字開始接近666772，但仍爲四捨五入。我想min從0開始（它確實），然後是max是確切的數字（666772），或者甚至是舍入版本（667k）。

有沒有辦法做到這一點，只有min和max顯示在量表圖表上？

var gaugeOptions = { 

    chart: { 
     type: 'solidgauge' 
    }, 

    title: null, 

    pane: { 
     center: ['50%', '85%'], 
     size: '140%', 
     startAngle: -90, 
     endAngle: 90, 
     background: { 
     backgroundColor: '#EEE', 
     innerRadius: '60%', 
     outerRadius: '100%', 
     shape: 'arc' 
     } 
    }, 

    // the value axis 
    yAxis: { 
     stops: [ 
     [0.1, '#DF5353'], // green 
     [0.5, '#DDDF0D'], // yellow 
     [0.9, 'green'] // red 
     ], 
     lineWidth: 0, 
     minorTickInterval: null, 
     tickPixelInterval: 400, 
     tickWidth: 0, 
     endOnTick: false, 
     maxPadding: 0, 
     title: { 
     y: -70 
     }, 
     labels: { 
     y: 10, 
     format: '{value}' 
     } 
    }, 

    credits: { 
     enabled: false 
    }, 

    tooltip: { 
     enabled: false 
    }, 

    plotOptions: { 
     solidgauge: { 
     dataLabels: { 
      y: 5, 
      borderWidth: 0, 
      useHTML: true 
     } 
     } 
    } 

    }; 

    // Quarter1 
    jQuery('#quarter1').highcharts(Highcharts.merge(gaugeOptions, { 
    yAxis: { 
     min: 0, 
     max: 666772, 
     title: { 
     text: 'Quarter 1' 
     } 
    }, 

    series: [{ 
     name: 'Quarter 1', 
     data: [50], 
     dataLabels: { 
     format: '<div style="text-align:center"><span style="font-size:25px;color:' + 
      ((Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black') + '">${y}</span><br/>' + 
      '<span style="font-size:12px;color:silver">Quota</span><br/><span>Bonus Elegible</span></div>' 
     } 
    }] 

    }));

來源

2015-05-26 Tyager

我不確定我是否理解這個問題。從我所能看到的'max'是正確的。你在談論y軸上的數字標籤嗎？ –

添加endOnTick：假（http://api.highcharts.com/highcharts#yAxis.endOnTick）到您的軸。例如

yAxis: { 
    min: 0, 
    max: 666772, 
    title: { 
    text: 'Quarter 1' 
    }, 
    endOnTick:false 
}

這裏的工作樣例http://plnkr.co/edit/Vbn1lpMIv8qvSfs65jL4

來源

2015-05-27 07:07:04 Igor

有這樣做，我發現了另一種替代方式。如果您將tickPixelInterval: 400,替換爲tickAmount: 2,，那麼它將只顯示最小值和最大值。

來源

2015-05-27 13:07:58 Tyager

使用此代碼顯示確切金額的最小值和最大值。

yAxis: { 
min: 0, 
max: 2602, 
tickPositioner: function() { 
    return [this.min, this.max]; 
}

來源

2017-12-07 07:59:54

Highcharts標尺圖表向下舍入最大數量

回答

相關問題