高图表在隐藏时将线条添加到图例文本中(itemHiddenStyle）

Highcharts add line-through to legend text when hidden (itemHiddenStyle)

本文关键字：文本 itemHiddenStyle 添加 隐藏 高图表      更新时间：2023-09-26

我正在为一个正在工作的项目使用Highcharts，一切都很好。唯一的问题是，我想知道是否可以将text-decoration: 'line-through'添加到itemHiddenStyle。

这就是我目前所拥有的：

legend: {
    itemStyle: {
        font: '9pt Trebuchet MS, Verdana, sans-serif',
        color: '#A0A0A0'
    },
    itemHoverStyle: {
        color: '#00ff00'
    },
    itemHiddenStyle: {
        color: '#444',
        //text-decoration: 'line-through' //I would like to add something like this.
    }
}

我只包含了相关代码，但如果需要更多，请告诉我。非常感谢。

当您更新查询时，我决定将其作为答案发布。

您并不真的需要来使用textDecoration。你可以坚持使用'text-decoration'，但显然你需要引号。

一旦您将其应用于itemHiddenStyle，即使项目未隐藏（在第一次单击后），它也会保持这种状态。

因此，对于itemStyle，您还需要将'text-decoration'设置回none，因此您的整个代码段将如下所示：

legend: {
    itemStyle: {
        font: '9pt Trebuchet MS, Verdana, sans-serif',
        color: '#A0A0A0',
        'text-decoration': 'none'            /** <---  **/
    },
    itemHoverStyle: {
       color: '#00ff00'
    },
    itemHiddenStyle: {
      color: '#444',
      'text-decoration': 'line-through'
    }
}
相关文章：