无法在HighCharts散点图中创建plotOptions.scatter.states.hover.marker

对于HighCharts API，

plotOptions.scatter.states.hover.marker

管理属于悬停序列的所有标记的外观。 但是，在下面的玩具示例（JSFIDLE）中，我无法更改属于悬停系列的所有标记的外观（例如，将其颜色更改为绿色）。 问题是什么

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'scatter',
        },
        plotOptions: {
            scatter: {
                lineWidth:1,
                marker: {
                    radius: 1,
                    symbol:'circle',
                    fillColor: '#800000'
                },
                states: {
                    hover: {
                        lineWidthPlus: 2,
                        marker: {
                            enabled:true,
                            lineColor: '#00ff00',
                            fillColor: '00ff00',
                            lineWidth: 5
                        }
                    }
                }
            }
        },
    series: [{
        name: 'A',
        color: "#b0b0b0",
        data: [[38,42],[39,39],[35,45],[35,54],{x:36,y:35}]
        }, {
        name: 'B',
        color: "#b0b0b0",
        data: [[46,56],[47,67],[48,69],[50,55],{x:52,y:57}]
    }]
});
});

---

我知道你怎么会糊涂。这已被弃用，但文档未在您链接的页面上显示。如果您查看此处：，您将看到此对象中的标记已弃用

您需要

plotOptions.scatter.marker.states.hover

编辑： 要更改悬停时的所有标记，请使用

mouseOver

和

mouseOut

事件

series: [{
  events: {
    mouseOver: function() {
      this.update({
        marker: {
          radius: 5,
          fillColor: 'green'
        }
      });
    },
    mouseOut: function() {
      this.update({
        marker: {
          radius: 3,
          fillColor: 'red'
        }
      });
    }
  },
  name: 'A',
  color: "#b0b0b0",
  data: [
    [38, 42],
    [39, 39],
    [35, 45],
    [35, 54], {
      x: 36,
      y: 35
    }
  ]
}, {
  events: {
    mouseOver: function() {
      this.update({
        marker: {
          radius: 5,
          fillColor: 'green'
        }
      });
    },
    mouseOut: function() {
      this.update({
        marker: {
          radius: 3,
          fillColor: 'red'
        }
      });
    }
  },
  name: 'B',
  color: "#b0b0b0",
  data: [
    [46, 56],
    [47, 67],
    [48, 69],
    [50, 55], {
      x: 52,
      y: 57
    }
  ]
}]

---

谢谢。您忘记在脚本中缩进“hover”。修正了，抱歉抱歉，我有点困惑。我刚才又问了同样的问题，因为我不记得已经问过了。然而，在我看来，你的代码已经不起作用了。我无法看到所有标记在悬停系列时都会改变外观。您没有看到它们在悬停时变为更大的绿色圆圈吗？这对我有用。你在看哪个JSFIDLE？或者，它是一样的。我只看到更改我指向的标记，而我希望所有标记都更改其外观。

series: [{
  events: {
    mouseOver: function() {
      this.update({
        marker: {
          radius: 5,
          fillColor: 'green'
        }
      });
    },
    mouseOut: function() {
      this.update({
        marker: {
          radius: 3,
          fillColor: 'red'
        }
      });
    }
  },
  name: 'A',
  color: "#b0b0b0",
  data: [
    [38, 42],
    [39, 39],
    [35, 45],
    [35, 54], {
      x: 36,
      y: 35
    }
  ]
}, {
  events: {
    mouseOver: function() {
      this.update({
        marker: {
          radius: 5,
          fillColor: 'green'
        }
      });
    },
    mouseOut: function() {
      this.update({
        marker: {
          radius: 3,
          fillColor: 'red'
        }
      });
    }
  },
  name: 'B',
  color: "#b0b0b0",
  data: [
    [46, 56],
    [47, 67],
    [48, 69],
    [50, 55], {
      x: 52,
      y: 57
    }
  ]
}]