设置组合线和条形图最大宽度的Highcharts失败

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了设置组合线和条形图最大宽度的Highcharts失败相关的知识,希望对你有一定的参考价值。

我想将线图设置为最小值为0且最大值为100,即使其组合线图,线图最大值应始终保持为100,即使其他图y轴增加

所以我有

      title: {
    text: 'Mombasa Plant Truck Compliance reports'
  },
  credits: {
    enabled: false
  },
  chart: {
    zoomType: 'xy'
  },
  subtitle: {
    text: ''
  },
  xAxis: {
    categories: xaxis,
    crosshair: true
  },
  yAxis: [{ // Primary yAxis
    title: {
      text: 'Passed Inspection',
    },
  },
    { // Primary yAxis
      title: {
        text: 'Failed Inpsection',
      },

    },
    { // Tertiary yAxis
      gridLineWidth: 0,
      title: {
        text: 'Percentage Compliance',
      },
      labels: {
        format: '{value} %',
      },
      max: 100,
      min: 0,
      opposite: true
    }
  ],
  plotOptions: {
    column: {
      dataLabels: {
        enabled: true,
        crop: false,
        overflow: 'none'
      }
    }
  },
  tooltip: {
    shared: true
  },
  series: chartdata

}

所以上面生成enter image description here

如您所见,线图y轴似乎增加超过100%。我希望它最多为100

我需要调整什么,因为我已经设置了max: 100, min: 0,但它不起作用。

答案

如果您不想仅使用Highcharts算法中继来查找刻度,则可以使用tickPositionstickPositioner

滴答位置的演示:http://jsfiddle.net/BlackLabel/cuutqgys/

在这种特殊情况下可行的另一种方法是将endOnTick设置为false:http://jsfiddle.net/BlackLabel/dxq4y822/

以上是关于设置组合线和条形图最大宽度的Highcharts失败的主要内容,如果未能解决你的问题,请参考以下文章

Highcharts 基本条形图;Highcharts 堆叠条形图;Highcharts 反向条形图

隐藏轴和网格线 Highcharts

highcharts做柱状图,怎样设置柱子宽度

条形图上的 Highcharts 标记

HighCharts:设置yAxis的值

绘制数据框:覆盖线和条形图不适用于时间序列索引?