Highcharts 海图中样条曲线系列的轮廓或边框

我用highcharts创建了一个图表，它有6个系列。3是柱系列，3是样条曲线系列。样条曲线系列将碰撞或进入柱状图，因此需要向样条曲线系列添加轮廓，以便更好地查看。正在尝试为样条线系列添加边框颜色，但无法执行此操作。但在柱状图中也是一样。如果有人曾经尝试过样条曲线系列，请提供帮助

plotOptions: {
        series: {
            borderColor: '#303030'
        }
    },

此bordercolor适用于列，但不适用于样条曲线系列

柱状图

希望以下系列有边框

---

海图中没有设置线边框的功能，但并没有丢失所有功能

通过在每一行序列的基础上添加新的“伪”序列，并设置几个参数，可以达到想要的效果。 （在代码中）执行此操作的最佳位置是

chart.events.load

函数，因此只需查找具有

行的所有系列

类型：

chart: {
  events: {
    load() {
       var series = this.series.filter(elem => elem.type === 'line')
    }
  }
}

然后，迭代找到的所有序列，并创建一个新的序列，使其具有

color:[color\u you\u想要]

、相同的数据和

marker.symbol

、增加的

lineWidth

以及

marker.radius

，鼠标无法访问并且在图例中不可见，如下所示：

chart: {
    events: {
      load() {
        var series = this.series.filter(elem => elem.type === 'line')
        series.forEach(series => {
          this.addSeries({
            data: series.userOptions.data,
            showInLegend: false,
            color: '#000',
            enableMouseTracking: false,
            zIndex: -9999,
            marker: {
              symbol: series.symbol,
              radius: series.options.marker.radius + 1
            },
            lineWidth: series.options.lineWidth + 2
          })
        })
      }
    }
  }

希望对你有帮助

现场示例：

API参考：

---

海图中没有设置线边框的功能，但并没有丢失所有功能

通过在每一行序列的基础上添加新的“伪”序列，并设置几个参数，可以达到想要的效果。 （在代码中）执行此操作的最佳位置是

chart.events.load

函数，因此只需查找具有

行的所有系列

类型：

chart: {
  events: {
    load() {
       var series = this.series.filter(elem => elem.type === 'line')
    }
  }
}

然后，迭代找到的所有序列，并创建一个新的序列，使其具有

color:[color\u you\u想要]

、相同的数据和

marker.symbol

、增加的

lineWidth

以及

marker.radius

，鼠标无法访问并且在图例中不可见，如下所示：

chart: {
    events: {
      load() {
        var series = this.series.filter(elem => elem.type === 'line')
        series.forEach(series => {
          this.addSeries({
            data: series.userOptions.data,
            showInLegend: false,
            color: '#000',
            enableMouseTracking: false,
            zIndex: -9999,
            marker: {
              symbol: series.symbol,
              radius: series.options.marker.radius + 1
            },
            lineWidth: series.options.lineWidth + 2
          })
        })
      }
    }
  }

希望对你有帮助

现场示例：

API参考：

---

不是边框，但您可以仅在样条曲线系列上增加

系列.lineWidth'。默认值为

2`可以尝试

4

？您也可以在样条曲线系列上添加阴影。抱歉，响应太晚，我需要不同的边框颜色，而不是增加系列的厚度。没有边框，但您可以仅在样条曲线系列上增加

series.lineWidth'。默认值为

2`可以尝试

4

？您也可以在样条曲线系列上添加阴影。很抱歉，响应太晚，我需要不同的边框颜色，而不是系列厚度的增加。感谢您的回复。我在另一个任务中遇到了问题。我已在代码中应用了相同的颜色，但它不起作用。我也做了同样的事。请建议。Thanks@Raphael，您的

事件

部分不在正确的位置。它应该在

图表

部分下。您还需要将新系列的类型设置为与要添加边框的类型相同。更新的fiddle:@Raphael此外，您需要在每个样条曲线系列上设置

zIndex

参数，使其“位于”列之上，然后将相同的参数添加到您创建的新系列中，等于

series.options.zIndex-1

。以下是示例：。如果它对你有帮助，请将它标记为答案。同样非常感谢@wergeldodd double post-removed。感谢您的回复。我在另一个任务中被击中了。我已经在我的代码中应用了相同的内容，但它不起作用。我也做了同样的事。请建议。Thanks@Raphael，您的

事件

部分不在正确的位置。它应该在

图表

部分下。您还需要将新系列的类型设置为与要添加边框的类型相同。更新的fiddle:@Raphael此外，您需要在每个样条曲线系列上设置

zIndex

参数，使其“位于”列之上，然后将相同的参数添加到您创建的新系列中，等于

series.options.zIndex-1

。以下是示例：。如果它对你有帮助，请将它标记为答案。也非常感谢@wergeldodd double post-removed。