HighCharts子弹图x轴刻度间隔设置无效，如何定义刻度间隔？

Hey there! The issue you're facing is because Highcharts Bullet Charts default to using a category x-axis instead of a numeric linear axis. The allowDecimals, tickInterval, and minTickInterval options only apply to numeric axes, so they won't work on a category axis by default. Here's how to fix it:

Solution 1: Switch to a Linear Numeric Axis #

If your x-axis should represent integer values, explicitly set the axis type to linear and enable the numeric axis options:

xAxis: {
  type: 'linear', // Force numeric axis type
  allowDecimals: false, // Disable decimal ticks
  tickInterval: 1, // Set tick interval to 1
  min: 0, // Optional: Align ticks to a starting integer
  max: 5 // Optional: Cap the axis at a specific integer
}

Make sure your series data uses numeric x-values (not strings) so the linear axis can interpret them correctly:

series: [{
  data: [
    { x: 1, y: 80, target: 90 },
    { x: 2, y: 75, target: 85 },
    // Add more data points with integer x-values
  ]
}]

Solution 2: Use a Tick Positioner for Precise Control #

If you need granular control over which ticks appear, use the tickPositioner function to manually generate only integer ticks:

xAxis: {
  type: 'linear',
  tickPositioner: function() {
    const ticks = [];
    // Generate ticks from the smallest to largest integer in your data range
    const start = Math.ceil(this.min);
    const end = Math.floor(this.max);
    for (let i = start; i <= end; i++) {
      ticks.push(i);
    }
    return ticks;
  },
  allowDecimals: false
}

Solution 3: Adjust Category Axis (If You Need Categories) #

If you’re intentionally using a category axis, ensure your categories array only includes integer values (as strings or numbers):

xAxis: {
  categories: ['1', '2', '3', '4', '5'], // Only integer-based categories
  tickInterval: 1 // Ensure every 1st category is displayed
}

Category axes use exactly the values you provide, so no decimals will appear unless you include them in the categories array.

内容的提问来源于stack exchange，提问作者Joe Firebaugh