如果您查看我的 http://jsfiddle.net/WOUNDEDStevenJones/oe1vcmqj/1/ ,图表上的红色标签背后有微妙的白光(至少在 Chrome 和 FF 中)。我如何去除那个白光?或者最坏的情况至少将颜色更改为相同的蓝色以便融入其中?
我试过使用 shadow
, backgroundColor
,以及他们的API( http://api.highcharts.com/highcharts#plotOptions.column.dataLabels )的其他属性,但不能不知道是什么定义了红色文字背后的光芒。
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;
}
}
}
}
}
原文由 WOUNDEDStevenJones 发布,翻译遵循 CC BY-SA 4.0 许可协议
将
dataLabels.styles.textShadow
设置为false
。演示:http: //jsfiddle.net/oe1vcmqj/2/
编辑:
自 Highcharts 5.0.3 起,选项名称为
textOutline
。演示:http: //jsfiddle.net/oe1vcmqj/49/
编辑 v2.0 :
从 Highcharts 5.0.13 开始,
textOutline
选项应该是string
,所以要禁用轮廓,设置textOutline: 'none'
演示:http: //jsfiddle.net/BlackLabel/s7ejvhmu/