Подтвердить что ты не робот

Удалить теневое/фоновое свечение на ярлыке данных на высоких диаграммах?

Если вы проверите мой http://jsfiddle.net/WOUNDEDStevenJones/oe1vcmqj/1/, на красных ярлыках на диаграмме будет тонкое белое свечение позади них (по крайней мере, в Chrome и FF). Как удалить это белое свечение? Или в худшем случае, по крайней мере, измените цвет на тот же синий, чтобы он входил?

Я пробовал использовать shadow, backgroundColor и другие свойства из их API (http://api.highcharts.com/highcharts#plotOptions.column.dataLabels), но может" t выяснить, что определяет, что свет за красным текстом.

plotOptions: {
        columnrange: {
            dataLabels: {
                enabled: true,
                color: 'red',
                inside: false,
                xHigh: -45,
                xLow: -9999999,
                shadow: "#ff0000",
                formatter: function () {
                    if (this.point.high) {
                        var myDate = new Date(this.y);
                        var newDateMs = Date.UTC(myDate.getUTCFullYear(),myDate.getUTCMonth(),myDate.getUTCDate());
                        return '<b>' + Highcharts.dateFormat('%m/%e',newDateMs) + '</b>';
                    } else {
                        return null;
                    }
                }
            }
        }
    }
4b9b3361

Ответ 1

Установите dataLabels.styles.textShadow в false.

    plotOptions: {
        columnrange: {
            dataLabels: {
                enabled: true,
                color: 'red',
                style: {
                    textShadow: false 
                }
            }
        }
    },

Демо: http://jsfiddle.net/oe1vcmqj/2/

ИЗМЕНИТЬ

Так как Highcharts 5.0.3, имя свойства textOutline.

    plotOptions: {
        columnrange: {
            dataLabels: {
                enabled: true,
                color: 'red',
                style: {
                    textOutline: false 
                }
            }
        }
    },

Демо: http://jsfiddle.net/oe1vcmqj/49/

Ответ 2

используйте text-shadow:none !important; для тега tspan

CSS

tspan{
    text-decoration:none;
    text-shadow:none !important;
}

FIDDLE DEMO