Javascript 绘制一条垂直线以显示平均值

因此，我试图创建一个水平条形图，其中有一条水平线显示平均值

到目前为止，我尝试了以下几点：

首先添加了我的条形图系列（它来自以下阵列）：

它将转换为以下对象的数组：

{name: 'F1', orientation: "h", x: [100], y: ["F1"]}

然后，我添加以下系列：

{
    name: 'average organization',
    type: 'scatter',
    x: [60],
    orientation: 'h'
}

这将创建以下图表：

正如你所看到的，只有一个蓝点表示平均值，这不是我想要的结果

我知道有一些形状，但我希望将其作为图表的一部分，以便您可以选择或取消选择它

---

有人知道您可以如何实现这一点吗？

如果您提供一个JSFIDLE或codePen或其他示例来直接执行它，将会有所帮助：-） 我认为问题在于，您希望有一条垂直线，但将

方向：“h”

设置为最后一个“平均组织”-对象，而不是使用

方向：“v”

我在JSFIDLE中复制了您的示例，并添加了所需的行为：

希望有帮助：-）

---

编辑：要在yAxis上隐藏“0”，请使用

y:[“”]

，如JSFIDLE:

中所示，如果您提供JSFIDLE或codePen或其他示例直接执行它，将有所帮助：-） 我认为问题在于，您希望有一条垂直线，但将

方向：“h”

设置为最后一个“平均组织”-对象，而不是使用

方向：“v”

我在JSFIDLE中复制了您的示例，并添加了所需的行为：

希望有帮助：-）

---

Edit：要隐藏yAxis上的“0”，请使用

y:[“”]

，正如在jsFiddle:

中看到的那样，您只定义了一个点，就得到了一个点。相反，你应该为每个条提供数据。你只定义了一个点，就得到了一个点。相反，你应该提供每个酒吧的数据。谢谢@fillperweid。有没有办法从图例中删除0？我认为唯一的办法是为它提供一个空的y值：

y:[“”]

。我为您更新了我的jsFiddle:jsFiddle.net/vepycde0/1Thank you@fillperweid。有没有办法从图例中删除0？我认为唯一的办法是为它提供一个空的y值：

y:[“”]

。我为您更新了我的jsFiddle:jsFiddle.net/vepycde0/1

{
    name: 'average organization',
    type: 'scatter',
    x: [60],
    orientation: 'h'
}