Debugging 更改HighCharts散点图中的线颜色时出现控制台错误

Debugging 更改HighCharts散点图中的线颜色时出现控制台错误,debugging,events,highcharts,scatter-plot,Debugging,Events,Highcharts,Scatter Plot,在HighCharts散点图(JSFIDLE demo)中悬停系列时,我采用了更改线条颜色的解决方案: 该脚本可以工作,但在运行web控制台时,我看到序列的每次悬停都会导致TypeError:g.firePointEvent不是函数错误 在我的另一个脚本中,错误是TypeError:hoverPoint.firePointEvent不是函数 这是HighCharts的一个bug还是可以避免它?问题是由在您执行操作之前调用的更新引起的。因此,您尝试在更新点结束之前引用更新点。解决方案是使用attr

在HighCharts散点图(JSFIDLE demo)中悬停系列时,我采用了更改线条颜色的解决方案:

该脚本可以工作,但在运行web控制台时,我看到序列的每次悬停都会导致
TypeError:g.firePointEvent不是函数错误

在我的另一个脚本中,错误是
TypeError:hoverPoint.firePointEvent不是函数


这是HighCharts的一个bug还是可以避免它?

问题是由在您执行操作之前调用的更新引起的。因此,您尝试在更新点结束之前引用更新点。解决方案是使用attr()方法并更改路径上的SVG颜色

events: {
      mouseOver: function() {

        this.chart.series[this.index].graph.attr({
            stroke: 'red'
        });
      },
      mouseOut: function() {
                    this.chart.series[this.index].graph.attr({
            stroke: '#b0b0b0'
        });
      }
    }
演示:


此问题是由在您执行操作之前调用的更新引起的。因此,您尝试在更新点结束之前引用更新点。解决方案是使用attr()方法并更改路径上的SVG颜色。演示:。它对您来说是正确的?似乎正在工作…您知道除了笔划之外,还可以通过此.graph.attr访问哪些其他键/属性吗?是否可以获取/设置标记属性?标记是分离的SVG元素,因此无法通过更新应用它们。总而言之,您在鼠标上的目标是更改颜色和设置标记?我注意到设置this.graph.attr比使用this.update快得多。因此,我想知道是否可以使用this.graph.attr来更改标记的外观,因为在我的例子中,this.update会将图表“挂起”一段时间。您可以对其进行管理,简单的演示:。边框线是笔划,笔划宽度是一条线的大小。谢谢。我也用x和y做了一些实验。
events: {
      mouseOver: function() {

        this.chart.series[this.index].graph.attr({
            stroke: 'red'
        });
      },
      mouseOut: function() {
                    this.chart.series[this.index].graph.attr({
            stroke: '#b0b0b0'
        });
      }
    }