highcharts 多标记悬停颜色不继承自标记颜色答案

【问题标题】：highcharts multiple marker hover color doesn't inherit from marker colorhighcharts 多标记悬停颜色不继承自标记颜色
【发布时间】：2021-01-19 10:21:24
【问题描述】：

我有这样的 highchart 系列数据在一列上有多个点：

series: [{
      "marker": {
        "fillColor": "#69B0E0",
        "symbol": "circle"
      },
      "type": "line",
      "data": [
        6000,
        5500,
      ]
    },
    {
      "marker": {
        "fillColor": "#333f48",
        "symbol": "circle"
      },
      "type": "line",
      "data": [
        1000,
        4000,
      ]
    },
    {
      "marker": {
        "fillColor": "#b61f47",
        "symbol": "circle"
      },
      "type": "line",
      "data": [
        11000,
        3000,
      ]
    }
  ]

但是当我悬停它时，红色半径颜色是绿色而不是红色，但其他两种颜色都可以，我想知道这是 highcharts 上的错误。

演示：https://jsfiddle.net/a0e9bz8k/1/

【问题讨论】：

标签： highcharts react-highcharts

【解决方案1】：

悬停颜色继承自point.color或series.color，因此需要设置其中之一。

    series: [...,
        {
            "marker": {
                "symbol": "circle"
            },
            color: "#b61f47",
            ...
        }
    ]

现场演示： https://jsfiddle.net/BlackLabel/p0h6eqk3/

API 参考： https://api.highcharts.com/highcharts/series.scatter.color

【讨论】：