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后，即使未隐藏项目（首次点击后），也会保持这种状态。

因此，您还需要为'text-decoration'将none设置回itemStyle，因此您的整体代码段将是这样的：

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

Highcharts在隐藏时添加直通到图例文本（itemHiddenStyle）

1 个答案: