Highcharts:树映射选择状态不起作用

Highcharts: TreeMap Select State not working

本文关键字：状态 不起作用 选择 映射 Highcharts      更新时间：2023-09-26

http://jsfiddle.net/sgrg93/7z6r4gkk/

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

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

现在我需要的是，只有当我选择树部分时，才会看到红色的边界，并且在悬停时，不会观察到边界的变化。

像这样的东西（不起作用）

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

有什么办法做到这一点吗？

要使树图部分只有在选中时才有红色边框，而不是在悬停状态下，请尝试以下操作：

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

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

这里有一个修改过的小提琴，你可以回顾一下：http://jsfiddle.net/brightmatrix/7z6r4gkk/5/

我希望这对你有帮助！

相关文章：