Highcharts 海图yAxis绘图线未显示在';第'行;图表类型

Highcharts 海图yAxis绘图线未显示在';第'行;图表类型,highcharts,Highcharts,我使用的是Highcharts,不明白为什么我的yAxis绘图线对于柱形图和面积图显示得很好,而对于线(或样条线)图显示得不好 下面是一个JSFIDLE来演示这个问题——它们之间的唯一区别是图表类型: 检查折线图的svg时,您将看到未设置绘制线的路径(请向右滚动查看值): 而对于其他两种图表类型,它们是正常的: <g class="highcharts-plot-lines-5" data-z-index="5"> <path

我使用的是Highcharts,不明白为什么我的yAxis绘图线对于柱形图和面积图显示得很好,而对于线(或样条线)图显示得不好

下面是一个JSFIDLE来演示这个问题——它们之间的唯一区别是图表类型:

检查折线图的svg时,您将看到未设置绘制线的路径(请向右滚动查看值):


而对于其他两种图表类型,它们是正常的:

<g class="highcharts-plot-lines-5" data-z-index="5">
  <path fill="none" class="highcharts-plot-line " stroke="#FF0000" stroke-width="2" stroke-dasharray="16,6" d="M 78 225 L 606 225"></path>
  <path fill="none" class="highcharts-plot-line " stroke="green" stroke-width="10" stroke-dasharray="10,30" d="M 78 272 L 606 272"></path>
</g>


我遗漏了什么?

请注意,柱状图将列从0渲染为设定值,同时,直线系列渲染点作为设定值,且yAxis范围与柱状图不同,因此,在您的情况下,绘图线值超出了直线系列的yAxis范围

您可以更改
yAxis.min
值来更改此范围并查看
绘图线

演示:

谢谢,我从来没有想到过!
<g class="highcharts-plot-lines-5" data-z-index="5">
  <path fill="none" class="highcharts-plot-line " stroke="#FF0000" stroke-width="2" stroke-dasharray="16,6" d="M 78 225 L 606 225"></path>
  <path fill="none" class="highcharts-plot-line " stroke="green" stroke-width="10" stroke-dasharray="10,30" d="M 78 272 L 606 272"></path>
</g>
  "yAxis": {
    "title": {},
    "type": "linear",
    "startOnTick": false,
    "endOnTick": false,
    "min": 0,
    "max": null,
    "plotLines": [
      {
        "color": "#FF0000",
        "dashStyle": "LongDash",
        "width": 2,
        "value": 1200,
        "zIndex": 5
      },
      {
        "color": "green",
        "dashStyle": "Dot",
        "width": 10,
        "value": 800,
        "zIndex": 5
      }
    ]
  },