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

编程问答 2022-05-29

问题描述

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

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

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

演示：https://jsfiddle.net/a0e9bz8k/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

highchartshighchartsreact-highcharts