未知文字阴影(Highcharts)

时间:2015-02-19 18:18:23

标签: css3 highcharts

我在图表区域的文本上形成了文本阴影,尽管我声明要删除绘图选项和图形区域中的所有阴影。任何帮助都会非常感激,因为我已经失去了对这段代码的不满。

shadow:false

我在图表子类别下的图表主题文件中包含了该图表,以及图表本身。这影子来自哪里?!

http://jsfiddle.net/r30zo8eL/

3 个答案:

答案 0 :(得分:4)

在这里你去!

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

编辑有点清晰: 我对HighCharts了解不多,但似乎“影子”和“textShadow”的工作独立于彼此

答案 1 :(得分:1)

Highcharts会自动设置阴影,因为文字太亮而且背景为白色。 改变它,它将正常工作

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

答案 2 :(得分:1)

所以所有的css样式都是通过javascript应用的,这总是一场噩梦。如果你重构它以分离它们会更好。但无论如何,我检查了文本的元素,它们所在的标记是tspan标记。 所以将此应用于CSS

tspan { text-shadow: none; } 还有VOILA!影子走了! : - )