Question

当使用具有最小值和最大值的反向折线图时，该线部分隐藏在最小值处。问题是绘图画布正好在最小值行结束。当您有一条很粗的线时，只有部分线在那里可见，隐藏在最小值线上方的部分。您可以看到示例here。我尝试了不同的选项来解决这个问题，但还没有成功。有没有办法可以在顶部增加图表画布？

这是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
    }
  }]
});

Answer 1

min: 0.9效果很好，除非您设置了tickPositions，但未设置startOnTick。如果您要设置tickPositions，请查看将startOnTick: false添加到yAxis。

Answer 2

我不确定为什么这是一个问题 - 你为yAxis设置了严格的min值，因此图表被迫切断该行，删除该选项，这将完全正常： http://jsfiddle.net/DruGa/5/

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

2 个答案: