Highcharts能否仅自定义单个系列的颜色？附代码示例

嗨，这事儿其实很简单！Highcharts的配置体系里，单个系列（series）的配置优先级高于plotOptions.series的全局配置，所以你不需要修改全局的plotOptions，只要在想要自定义的那条折线对应的series对象里，单独添加你需要的属性，就能覆盖全局设置啦。

举个具体的例子，基于你提供的代码，如果你想让当前这条折线使用自定义样式（比如更粗的线、不同的颜色），可以直接在series数组的对应对象里补充配置：

Highcharts.chart('container', {
  title: {
    text: 'title is Here',
    color: 'Red'
  },
  xAxis: {
    categories: ['3 month', '2 month', 'last month', 'this month']
  },
  plotOptions: {
    series: {
      lineWidth: 2,
      lineColor: '#b6c4ce',
      marker: {
        fillColor: '#FFFFFF',
        lineWidth: 2,
        lineColor: '#83e3be'
      }
    }
  },
  series: [
    {
      data: [29.9, 51.5, 36.4, 69.2],
      // 这里添加自定义配置，覆盖全局的plotOptions
      lineWidth: 3,
      lineColor: '#ff6347',
      marker: {
        fillColor: '#ffff00',
        lineWidth: 3,
        lineColor: '#ff0000'
      }
    }
  ]
});

如果你的图表有多条折线，只想自定义其中某一条，也用同样的逻辑——只在目标折线的series对象里写专属配置，其他折线会自动沿用plotOptions里的全局样式：

Highcharts.chart('container', {
  // 其他配置不变...
  series: [
    // 这条用全局配置
    { data: [29.9, 51.5, 36.4, 69.2] },
    // 这条用自定义配置
    {
      data: [45.2, 60.8, 38.1, 72.5],
      lineWidth: 4,
      lineColor: '#9932cc',
      marker: {
        fillColor: '#ffffff',
        lineWidth: 2,
        lineColor: '#9932cc',
        radius: 6 // 额外自定义标记大小
      }
    }
  ]
});

核心逻辑就是：Highcharts会优先读取每个series对象里的配置，只有当series里没有对应属性时，才会使用plotOptions.series里的全局设置。这样就能轻松实现单条折线的个性化定制啦。

内容的提问来源于stack exchange，提问作者Shawn Heo