未知文本阴影（Highcharts）答案

【问题标题】：Unknown Text Shadow (Highcharts)未知文本阴影（Highcharts）
【发布时间】：2023-03-09 23:45:01
【问题描述】：

尽管我声明要从绘图选项和图形区域中删除所有阴影，但我在图表区域的文本上形成了一个文本阴影。任何帮助都将不胜感激，因为我对这段代码感到迷茫。

shadow:false

我已将它与图表本身一起包含在图表子类别下的图表主题文件中。这影子是哪里来的？！

http://jsfiddle.net/r30zo8eL/

【问题讨论】：

shadow 属性在系列级别，适用于绘制的图形。 datalabels.style 元素的 textShadow 属性是影响数据标签文本所需的。参考：api.highcharts.com/…
从主题中删除数据标签选项，然后将起作用：jsfiddle.net/r30zo8eL/2

标签： css highcharts

【解决方案1】：

给你！

plotOptions: {
pie: {
  allowPointSelect: true,
  cursor: 'pointer',
  dataLabels: {
    enabled: true,
      style: {
          textShadow: false, 
      }
    }
  }
}

为清楚起见进行编辑：我对 HighCharts 了解不多，但似乎“shadow”和“textShadow”彼此独立工作

【讨论】：

【解决方案2】：

Highcharts 会自动设置阴影，因为您的文字太浅且背景为白色。改变它，它会正常工作

plotOptions: {
  series: {
   dataLabels: {
    color: '#808080'
  },

【讨论】：

【解决方案3】：

所以所有的 css 样式都是通过 javascript 应用的，这总是一场噩梦。如果您将其重构以将它们分开会更好。但无论如何，我检查了文本的元素，它们所在的标签是tspan 标签。所以把它应用到 CSS 上

tspan { text-shadow: none; } 瞧！影子走了！ :-)

【讨论】：