javascript - Highcharts 在隐藏时向图例文本添加直通线(itemHiddenStyle)

Question

我在工作中使用 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.
    }
}

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

Answer 1

当您更新您的查询时，我决定发布这个作为答案。

您真的不需要使用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'
    }
}