Javascript 如何使用高位图表添加特定于柱的绘制线？

我正在尝试使用js HighCharts制作柱状图，该柱状图的每一列都有两条唯一的绘图线，而不是一条横跨整个图表宽度的绘图线

---

这样我就可以为每一列显示一个最大值和最小值。

你不能用这种方式绘制一条实际的绘图线

可以使用散点序列，并定义自定义线标记类型，如下所示：

水平线和垂直线的示例代码：

Highcharts.Renderer.prototype.symbols.vline = function(x, y, width, height) {
    return ['M',x ,y + width / 2,'L',x+height,y + width / 2];
};
Highcharts.Renderer.prototype.symbols.hline = function(x, y, width, height) {
    return ['M',x ,y + height / 2,'L',x+width,y + width / 2];
};

或者，根据您的问题，列范围图也可能有用：

---

您无法制作这样的实际绘图线

可以使用散点序列，并定义自定义线标记类型，如下所示：

水平线和垂直线的示例代码：

Highcharts.Renderer.prototype.symbols.vline = function(x, y, width, height) {
    return ['M',x ,y + width / 2,'L',x+height,y + width / 2];
};
Highcharts.Renderer.prototype.symbols.hline = function(x, y, width, height) {
    return ['M',x ,y + height / 2,'L',x+width,y + width / 2];
};

或者，根据您的问题，列范围图也可能有用：

---

谢谢。。有没有一种方法可以做同样的事情，但是垂直而不是水平？看看我的答案中提供的代码-有一种是水平的，一种是垂直的我可以处理这个问题，但是我不知道如何将它应用到垂直图/aka column layout/你有一个JSFIDLE以垂直形式显示它吗？谢谢好的，事实上，我在一个垂直/柱的版本中得到了它。你能解释一下上面的代码是做什么的吗？我正在努力使散点图的线条变宽。谢谢知道了！这是我想要做的事：谢谢！谢谢有没有一种方法可以做同样的事情，但是垂直而不是水平？看看我的答案中提供的代码-有一种是水平的，一种是垂直的我可以处理这个问题，但是我不知道如何将它应用到垂直图/aka column layout/你有一个JSFIDLE以垂直形式显示它吗？谢谢好的，事实上，我在一个垂直/柱的版本中得到了它。你能解释一下上面的代码是做什么的吗？我正在努力使散点图的线条变宽。谢谢知道了！这是我想要做的事：谢谢！