ハイチャートは、凡例のテキストを非表示にするときにラインスルーを追加します（itemHiddenStyle）

Question

私は仕事中のプロジェクトにハイチャートを使用しています。唯一の問題は、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のために戻っnoneから'text-decoration'を設定する必要があります。

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