Remove shadow/background glow on highcharts data label?

Question

If you check out my http://jsfiddle.net/WOUNDEDStevenJones/oe1vcmqj/1/, the red labels on the chart have a subtle white glow behind them (in at least Chrome and FF). How do I r

Answer 1

worked for me...

dataLabels: {
                enabled: true,
                color: 'white',
                style: {
                    // textShadow: false 
                    textOutline: false
                }

Answer 2

Set dataLabels.styles.textShadow to false.

    plotOptions: {
        columnrange: { // or general options: "series: { ... }"
            dataLabels: {
                enabled: true,
                color: 'red',
                style: {
                    textShadow: false 
                }
            }
        }
    },

Demo: http://jsfiddle.net/oe1vcmqj/2/

EDIT:

Since Highcharts 5.0.3, the option name is textOutline.

    plotOptions: {
        columnrange: { // or general options: "series: { ... }"
            dataLabels: {
                enabled: true,
                color: 'red',
                style: {
                    textOutline: false 
                }
            }
        }
    },

Demo: http://jsfiddle.net/oe1vcmqj/49/

EDIT v2.0:

Since Highcharts 5.0.13, the textOutline option should be a string, so to disable outline, set textOutline: 'none'.

    plotOptions: {
        columnrange: { // or general options: "series: { ... }"
            dataLabels: {
                enabled: true,
                color: 'red',
                style: {
                    textOutline: 'none' 
                }
            }
        }
    },

Demo: http://jsfiddle.net/BlackLabel/s7ejvhmu/

Answer 3

dataLabels: {
      enabled: true,
      format: '{point.y}',
       style: {
          textOutline: false 
           }
        },

Answer 4

use text-shadow:none !important; for the tag tspan

CSS

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

FIDDLE DEMO