在HTML文件中，添加：

<script src="https://code.highcharts.com/maps/modules/map.src.js"></script>

在图表代码上方添加：

Highcharts.addEvent(Highcharts.Chart.prototype, 'render', function() {
    this.series.forEach(function(series) {
      if (series.legendLine) {
        var pathDef = series.legendLine.attr('d').split(' ');
        pathDef[5] = parseFloat(pathDef[2]) + 0.0001;
        series.legendLine.attr({
          d: pathDef
        });
      }
    })
  });

修复的方法是在路径定义中添加一个smidge（您可以通过进入dev工具中的svg path元素并将'd'属性中的最后一个数字更改为float来测试这一点：

<path fill="none" d="M 0 11 L 16 11" ... ></path>

变为：

<path fill="none" d="M 0 11 L 16 11.1" ... ></path>

上面的函数遍历每个序列，并在正确的位置添加小数值。完全破解。但是，如果行确实有这个小数值，为什么它不出现，我不知道。我也会在浏览器上测试它，看看它是否工作一致，因为它可能没有（我在Chrome中测试）。
下面是一个与此相关的问题，我在此修改了该问题：https://www.highcharts.com/forum/viewtopic.php?t=38588（它的大部分是解决一个完全不同的问题，但图例线确实出现了，所以我调查了原因）。
如果不想使用额外的库，可以编写一个本地js函数来查找图例行，并以同样的方式操作它们。

Here，您可以找到该问题的一个很好的解释。
差异的原因在于，如果渐变定义为数组，则Highcharts使用'userSpaceOnUse'作为gradientUnits的默认值。
Highcharts source code：

// Keep < 2.2 kompatibility
if (isArray(gradAttr)) {
  (colorOptions as any)[gradName] = gradAttr = {
    x1: gradAttr[0] as number,
    y1: gradAttr[1] as number,
    x2: gradAttr[2] as number,
    y2: gradAttr[3] as number,
    gradientUnits: 'userSpaceOnUse'
  };
}

作为一种可能的解决方案，您可以将gradientUnits也设置为定义为对象的linearGradient：

color: {
  linearGradient: {
    ...,
    gradientUnits: 'userSpaceOnUse'
  },
  ...
}

现场演示：http://jsfiddle.net/BlackLabel/yz6sagxj/

或者稍微修改路径，使其不完全水平

chart: {
  events: {
    render: function() {
      this.series.forEach(function(series) {
        if (series.legendLine) {
          var pathDef = series.legendLine.attr('d').split(' ');
          pathDef[5] = parseFloat(pathDef[2]) + 0.0001;
          series.legendLine.attr({
            d: pathDef
          });
        }
      })
    }
  }
}

现场演示：http://jsfiddle.net/BlackLabel/L1kzg0cn/
Github执行绪：https://github.com/highcharts/highcharts/issues/1936

除了“凯瑟琳的解决方案”，我还发现了另一个解决方案。
如果我在一个系列中启用标记（将半径设置为0），然后将数据放入链接到前一个系列的第二个系列中，它就可以工作了。（如果我在一个系列中完成所有这些操作，则同样没有图例颜色。）

series: [{
    name: 'purple', lineWidth: 3, color: {
        linearGradient: [ 00, 00, 00, 350 ],
        //linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1, },
        stops: [
            [0, 'purple'], // start 
            [1, 'black'] // end
        ], 
    }, 
    data: [ 100, 95, 80, 60, 35, 50, 20, 10, 3, 2, 30, 40, ],
},{
    marker: {
        enabled: true,
        radius: 0,
    },
    name: 'green', color: 'green', lineWidth: 3, 
},{
    linkedTo: ':previous',
    lineWidth: 3, color: {
        //linearGradient: [ 00, 00, 00, 350 ], 
        linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1, },
        stops: [
            [0, 'green'], // start 
            [1, 'black'] // end
        ], 
    }, 
    data: [ 100, 100, 95, 80, 60, 35, 50, 20, 10, 3, 2, 30, ],
}],

下面是“固定”的小提琴：https://jsfiddle.net/jwinkle/wztq78n1/6/
我向Highcharts报告了最初的问题，认为这是一个可能的bug，他们确认这是一个他们无法控制的SVG渲染问题。