Highcharts反转折线图在最小值处部分隐藏

Highcharts反转折线图在最小值处部分隐藏,highcharts,Highcharts,使用具有最小值和最大值的反转折线图时,该线在最小值处部分隐藏。问题是,图形画布恰好在最小值线处结束。如果有一条线很粗,只有部分可见,则位于最小值线上方的部分将隐藏。你可以看到一个例子。我尝试了不同的方法来解决这个问题,但没有成功。有没有办法增加顶部的图表画布 这是highcharts代码: $("#chart").highcharts({ chart: { type: "line", spacingBottom: 30, height: 400, alignTicks: fa

使用具有最小值和最大值的反转折线图时,该线在最小值处部分隐藏。问题是,图形画布恰好在最小值线处结束。如果有一条线很粗,只有部分可见,则位于最小值线上方的部分将隐藏。你可以看到一个例子。我尝试了不同的方法来解决这个问题,但没有成功。有没有办法增加顶部的图表画布

这是highcharts代码:

$("#chart").highcharts({
  chart: {
  type: "line",
  spacingBottom: 30,
  height: 400,
  alignTicks: false,
  },
  credits: {
    enabled: false
  },
  legend: {
    enabled: false
  },
  title: {
    text: "Chart"
  },
  yAxis: [{
    title: null,
    reversed: true,
    showFirstLabel: true,
    allowDecimals: false,
    startOnTick: false,
    endOnTick: false,
    tickInterval: 5,
    minorTickInterval: 1,
    max: 10,
    min: 1,
  }],
  series: [{
    yAxis: 0,
    data: [6,2,2,1,1,1,1,1,1,1,1,1,1,2,2,1,1,2,2,2,2,2],
    lineWidth: 10, 
    marker: {
      enabled: false
    }
  }]
});

我不知道为什么这是一个问题-您已经为yAxis设置了严格的
min
值,因此图表被迫切断该行,删除该选项,这将非常好地工作:

min:0.9
工作正常,除非您设置了
tickPositions
而没有
startOnTick
设置。如果您正在设置
tickPositions
,那么也可以将
startOnTick:false
添加到yAxis中。

您的最小值是否需要正好为1?只需将最小值设置为0.9,一切都很好:谢谢,这是一个足够好的解决方法。如果有一个选项可以解决这个问题,那就太好了。我设置了一个最小值,因为我不想在图表中包括最小值以下的值。但是,当我使用最小值和最大值之间的值时,我希望图表能够完美地显示。事实并非如此,因此存在问题。最小选项的优先级高于线宽。Mark提供的解决方案是一个很好的解决方案。