Javascript 如何为具有大量Highcharts的绘图线创建图例？

我这里有一个带有绘图线的Highstock图：

我希望能够有一个绘图线图例，与系列图例类似，单击可以显示或隐藏特定类别的绘图线

在我的JSFIDLE示例中，有两类绘图线。是否可以切换每个类别的打印线可见性？我似乎找不到任何支持这一点的东西

以下是我创建绘图线的方式：

xAxis: {
   plotLines: [{
      value: Date.UTC(2016, 12, 29), // year, month, day
      width: 1,
      color: 'blue',
      dashStyle: 'ShortDash',
      label: {
          text: 'Category 1',
      },
   }, {
      value: Date.UTC(2016, 11, 12), // year, month, day
      width: 1,
      color: 'green',
      dashStyle: 'Solid',
      label: {
          text: 'Category 2',
      }]
}

---

据我所知，没有关于情节线的本土HC传说。但是，您可以在页面上创建自定义图例元素，并使用HC功能显示/隐藏绘图线，如示例所示：

---

据我所知，没有关于情节线的本土HC传说。但是，您可以在页面上创建自定义图例元素，并使用HC功能显示/隐藏绘图线，如示例所示：

---

如我在评论中所述，这里有一个功能请求：

请添加您的投票和评论

Vladimir M提供了一个很好的解决方案，可以使用您自己的自定义图例显示/隐藏绘图线

另一种常见的方法是使用线系列作为

绘图线

，这使您可以享受完整系列功能的好处

示例系列：

{
  name: 'PlotLine',
  type: 'line',
  color: 'rgba(204,0,0,1)',
  data: [25,25,25,25,25,25,25,25,25,25]
}

小提琴：

如果需要垂直打印线，数据设置会稍微复杂一些，但仍然非常可行

{{编辑以演示垂直打印线：

首先，您必须为y轴设置一个最小/最大值（可以在图表加载时以编程方式完成）：

然后，以

[x，y]

对指定数据，

x

值为

plotLine

值，

y

值为y轴的最小值和最大值：

data: [[4,0], [4,75]]

更新小提琴：

使用该方法，您可以为每条打印线添加一个系列，或者，如果您希望所有系列都是相同的图例和设置，您可以通过在所需线之间插入

null

点来添加多个：

data: [[4,0], [4,75], [5,null], [7,0],[7,75]]

小提琴：

---

如我在评论中所述，这里有一个功能请求：

请添加您的投票和评论

Vladimir M提供了一个很好的解决方案，可以使用您自己的自定义图例显示/隐藏绘图线

另一种常见的方法是使用线系列作为

绘图线

，这使您可以享受完整系列功能的好处

示例系列：

{
  name: 'PlotLine',
  type: 'line',
  color: 'rgba(204,0,0,1)',
  data: [25,25,25,25,25,25,25,25,25,25]
}

小提琴：

如果需要垂直打印线，数据设置会稍微复杂一些，但仍然非常可行

{{编辑以演示垂直打印线：

首先，您必须为y轴设置一个最小/最大值（可以在图表加载时以编程方式完成）：

然后，以

[x，y]

对指定数据，

x

值为

plotLine

值，

y

值为y轴的最小值和最大值：

data: [[4,0], [4,75]]

更新小提琴：

使用该方法，您可以为每条打印线添加一个系列，或者，如果您希望所有系列都是相同的图例和设置，您可以通过在所需线之间插入

null

点来添加多个：

data: [[4,0], [4,75], [5,null], [7,0],[7,75]]

小提琴：

---

此功能有一个功能请求，您可以将投票/评论添加到其中：此功能有一个功能请求，您可以将投票/评论添加到其中：您将如何使用此方法绘制垂直打印线？您将如何使用此方法绘制垂直打印线？