首页 > 解决方案 > Highcharts - 有没有办法为某些元素禁用样式模式?

问题描述

我们在我们的项目中使用了 Highcharts 风格的模式,对此非常满意。但是,在某些情况下,css 对象(内联样式)更适合我们。

例如,legend.itemStyle具有 {textOverflow: undefined, width: "动态计算宽度"}的属性

我想知道是否有一种方法可以仅为图例样式“覆盖”样式模式设置,或者在这种特殊情况下为内联样式提供更高的优先级。

JSFiddle 示例

希望这是有道理的。

标签: highcharts

解决方案


您可以为某些元素设置自己的自定义样式。

In styled mode, the legend items can be styled with the .highcharts-legend-item class.

演示:https ://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/css/legend/

API:https ://www.highcharts.com/docs/chart-design-and-style/style-by-css

API:https ://api.highcharts.com/highcharts/legend.itemStyle


推荐阅读