Highcharts帕累托图右侧Y轴显示超100%问题求助

你遇到的问题核心在于错误地给帕累托系列手动传入了百分比数据。Highcharts的pareto类型系列本身具备自动计算累计百分比的能力，它会基于关联的原始数据（比如你的柱状图频率数据）生成累计占比。当你手动传入[10,30,60,90,100]这类数值时，帕累托系列会把这些值当作原始数据重新计算累计占比，最终导致Y轴显示超过100%的数值。

解决方案 #

• 移除帕累托系列中的手动data配置
• 通过linkedTo: 0将帕累托系列关联到第一个柱状图系列（索引为0），让Highcharts自动计算累计百分比
• 给右侧Y轴设置max: 100，确保轴的范围固定在0-100%之间

修改后的代码示例 #

ParetoChartOptions: Highcharts.Options = {
  title: {
    text: 'Pareto Chart Example'
  },
  xAxis: {
    categories: ['Category 1', 'Category 2', 'Category 3', 'Category 4', 'Category 5']
  },
  series: [{
    type: 'column',
    name: 'Frequency',
    data: [10, 20, 30, 30, 10],
  }, {
    type: 'pareto',
    name: 'Cumulative Percentage',
    yAxis: 1,
    linkedTo: 0, // 关联到第一个柱状图系列
    tooltip: {
      valueSuffix: '%'
    }
  }],
  yAxis: [{
    title: {
      text: 'Frequency'
    }
  }, {
    title: {
      text: 'Cumulative Percentage'
    },
    opposite: true,
    max: 100 // 固定Y轴最大值为100%
  }]
};

内容的提问来源于stack exchange，提问作者Atul Sureka