Highcharts 4.1.1如果指定字体颜色，则会向数据标签添加严重的阴影

Question

我注意到，如果更改字体颜色，最新版本的Highcharts（v.4.1.1）会为数据标签添加严重的阴影。

例如 - 这是条形图演示的jsfiddle：

http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/bar-basic/

以下是完全相同的代码，但只需更改一次 - 为数据标签添加颜色参数：

plotOptions: {
    bar: {
        dataLabels: {
            color: '#999',
            enabled: true
        }
    }
}

您可以在此处查看结果：http://jsfiddle.net/wgLnuft5/

这使得标签实际上不可读。

您是否可以在指定数据标签颜色时阻止此操作？

Answer 1

是的，您可以完全删除阴影，或者指定特定的阴影颜色。

删除阴影（通过覆盖默认的textShadow样式）（JSFiddle）：

plotOptions: {
    bar: {
        dataLabels: {
            color: '#E0E0E0',
            enabled: true,
            style: {
                textShadow: ''
            }
        }
    }
}

设置特定的textShadow颜色（JSFiddle）：

plotOptions: {
    bar: {
        dataLabels: {
            color: '#E0E0E0',
            enabled: true,
            style: {
                textShadow: '0 0 6px #FF3399, 0 0 3px #FF3399'
            }
        }
    }
}

textShadow的默认值为（API reference）：

"textShadow": "0 0 6px contrast, 0 0 3px contrast"

您的特定颜色值有问题的原因是，当颜色设置为contrast时，它会尝试获得文本颜色的对比色。在这种特殊情况下，对比色非常类似于文本颜色，这使得它无法读取。

根据API，这种风格自Highcharts版本4.1.0开始使用。