从图形的边缘到边缘创建样条图答案

【问题标题】：Create spline chart from edge to edge of graph从图形的边缘到边缘创建样条图
【发布时间】：2016-10-02 06:04:50
【问题描述】：

我将样条图和水平条形图放在一个图表中（如this example on the Highcharts site，但使用条形而不是柱形）。

与此示例不同，我希望样条图从边到边。原因是类别的数量是可变的，可以等于1。就目前而言，如果只有一个类别，则样条不再是一条线，而是一个点；我们需要保持一条线。

我尝试在样条曲线上使用pointPlacement: 0.5，它成功地将样条曲线的顶部（左侧）移动到图形的顶部边缘，但意味着底部（右侧）延伸得不够远。我通过添加一个额外的数据点来进行补偿，但这在图形中添加了一个额外的列，而不是将样条曲线带到边缘。

如何避免多余的列并使样条线出现在图形的边缘？或者，我可以使用其他策略来获得这种效果吗？

如果重要的话，样条图是所有类别的常数值 - 它旨在显示用于比较列的阈值。如果有更简单的方法在 Highcharts 中显示这一点，那也可以解决问题。

【问题讨论】：

您的样条曲线是只有一个值还是每个类别沿样条曲线都有不同的值？
@wergeld 这是一个单一的值 - 在链接示例的情况下，它将是图表上的一条水平线，显示例如所有列值的平均值。
好的，那么你想要的是 plotLine - api.highcharts.com/highcharts#yAxis.plotLines
@wergeld 你说得对，这正是我想要的：jsfiddle.net/pjmorse/pdzgzd73。你能把这个放在答案中以便我接受吗？

标签： graph charts highcharts

【解决方案1】：

如果您的数据对于 xAxis 上的任何点都保持不变，您可以使用plotLines。一个简单的设置是：

yAxis: {
  plotLines: [{
    color: '#FF0000',
    width: 2,
    value: 75,
    label: {
      text: 'Plot line',
      align: 'right',
      x: -10
    }
  }]
},

【讨论】：