隐藏时，高位图会在图例文本中添加直行（itemHiddenStyle）

Question

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

这是我到目前为止的内容：

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 ，即使未隐藏item（第一次单击后），它也将保持这种状态。

因此，您还需要将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'
    }
}