4

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

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

2 回答 2

1

min: 0.9效果很好，除非你也设置tickPositions了没有startOnTick设置。如果您正在设置tickPositions，那么还要考虑添加startOnTick: false到 yAxis。

于 2015-04-23T01:42:39.147 回答
0

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

于 2013-08-05T11:16:28.750 回答