代码之家 › 专栏 › 技术社区 › tic

在HighCharts散点图中格式化悬停序列的所有标记

scatter-plot hover formatting highcharts javascript

tic · 技术社区 · 7 年前

我想在悬停序列时更改所有标记的外观(不仅是一个指针),还需要更改以下代码( http://jsfiddle.net/fw852fy9/4/ )不能正常工作。发生了什么?

Highcharts.chart('container', {
        chart: {
            type: 'scatter'
        },
    plotOptions: {
      series: {
        lineWidth:1,
              states: {
                  hover: {
                      lineWidthPlus: 2,
            marker: {
              enabled: true,
              radius:3,
              states: {
                hover: {
                  fillColor:'#FF0000',
                  lineColor:'#00FF00',
                  lineWidth:3,
                  radius:12
                }
              }
            }  
                  }
              },
        marker: {
          enabled: true,
          radius:3,
          states: {
                  hover: {
              fillColor:'#FF0000',
              lineColor:'#00FF00',
              lineWidth:3,
              radius:12
              }
          }
        }
      }  
    },
    series: [{
      data: [[29.9, 71.5], [106.4, 129.2], [144.0, 176.0], [135.6, 148.5], [216.4, 194.1], [95.6, 54.4]]
    }]
});

1 回复 | 直到 7 年前

morganfree 7 年前

悬停状态仅适用于被悬停的点。如果要将所有标记设置为悬停,则需要以编程方式更改其状态,例如在系列鼠标悬停/鼠标悬停上。

  series: [{
 stickyTracking: false,
events: {
  mouseOver: function() {
    this.data.forEach(p => p.setState('hover'))
  },
  mouseOut: function() {
    this.data.forEach(p => p.setState())
  }
},

http://jsfiddle.net/0zu9jmca/

推荐文章

ttruhcheva · 如何在Power BI中创建灵活的数据标签?

3 年前

M.Walko · 在降价中更改ATX标题的字体大小

7 年前

Adam Waring · Bootstrap 4容器的文本包装

7 年前

Stephen R · HTML“number”输入不允许JavaScript显示逗号

7 年前

Jamie Wilson · 打印文本文件(Python)

7 年前

Melzy · 日期格式后端

7 年前

new2Ubuntu · 在Python3中打印格式化的浮点列表

7 年前

Apple Cola · Mathematica:“Findroot”未返回预期结果

7 年前

funseiki · 将日期插入为epoch\u seconds,输出为格式化日期

7 年前

Reilly Ford · 使用导航栏+页面选项卡格式化问题

7 年前