Highcharts：TreeMap Select 状态不工作

Question

plotOptions: {
  treemap: {
    allowPointSelect: true,
    states: {
      hover: {
        borderColor: "red"
      }
    }
  }
},

在上面的代码中，我使用了悬停状态，当我将鼠标悬停在它们上面时，它使我能够看到红色边框。此外，当我 select 多个树部分时，红色边框将保持不变。

现在我需要的是，只有当我 select 树部分时，才能看到红色边框，并且悬停, 没有观察到边界的变化。

类似这样的东西（不起作用）

plotOptions: {
  treemap: {
    allowPointSelect: true,
    states: {
      select: {     //hover changed to select
        borderColor: "red"  //change color only on select and not on hover
      }
    }
  }
},

有什么办法可以实现吗？

Answer 1

要让您的树形图部分仅在 selected 时有红色边框，而不是在悬停状态下，请尝试以下操作：

plotOptions: {
    treemap: {
        allowPointSelect: true,
        point: {
            events: {
                select: function () {
                    this.update({
                        borderColor: 'red', borderWidth: 4
                    });                
                }
            }
        }
    }
}

您在这里所做的是为您的点设置一个 select 事件（树图中您希望用户 select 的项目），然后要求它更新边框颜色和宽度（我添加宽度只是为了更好地说明变化）。

这是修改后的 fiddle 您可以查看：http://jsfiddle.net/brightmatrix/7z6r4gkk/5/

希望对您有所帮助！

Highcharts：TreeMap Select 状态不工作

Highcharts: TreeMap Select State not working

javascript

highcharts

highmaps