2015-02-19 4 views
1

У меня есть текстовая тень, формирующаяся над текстом моей области диаграммы, несмотря на то что мои объявления удаляют все тени как из сюжетных вариантов, так и из области графика. Любая помощь была бы чрезвычайно оценена, потому что я теряю свое дерьмо, просматривая этот код.Неизвестный текст Shadow (Highcharts)

shadow:false 

Я включил это в оба файла темы диаграммы под подкатегорию диаграмм вместе с самой диаграммой. Откуда эта тень?

http://jsfiddle.net/r30zo8eL/

+0

свойство shadow находится на уровне рядов и относится к графике. Свойство textShadow элемента datalabels.style - это то, что вам нужно, чтобы повлиять на текст datalabel. Ссылка: http://api.highcharts.com/highcharts#plotOptions.series.dataLabels.style – jlbriggs

+0

Удалить параметры datalabels из темы, затем будет работать: http://jsfiddle.net/r30zo8eL/2/ –

ответ

4

здесь вы идете!

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

редактировать для немного ясности: я не знаю много о Highcharts, но это, кажется, что «тень» и «textShadow» работают независимо друг от Афоризм

1

Highcharts автоматически, потому что установка тень ваш текст слишком светлый и на белом фоне. Изменение, что и он будет работать нормально

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

Так все стили CSS применяются через яваскрипт и это всегда кошмар. Было бы лучше, если бы вы реорганизовали его, чтобы отделить их. Но в любом случае я проверял элемент текста и тег, в котором они находятся, это теги tspan. Так применяется к CSS

tspan { text-shadow: none; } И VOILA! Тень ушла! :-)

Смежные вопросы