删除高图表数据标签上的阴影/背景发光
Remove shadow/background glow on highcharts data label?
如果你看看我 http://jsfiddle.net/WOUNDEDStevenJones/oe1vcmqj/1/,图表上的红色标签后面有微妙的白色光芒(至少在Chrome和FF中)。 如何去除白色光芒? 或者最坏的情况是至少将颜色更改为相同的蓝色,以便它融入其中?
我尝试使用他们的 API (http://api.highcharts.com/highcharts#plotOptions.column.dataLabels) 中的 shadow
、backgroundColor
和其他属性,但无法弄清楚是什么定义了红色文本背后的光芒。
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;
}
}
}
}
}
将dataLabels.styles.textShadow
设置为 false
。
plotOptions: {
columnrange: { // or general options: "series: { ... }"
dataLabels: {
enabled: true,
color: 'red',
style: {
textShadow: false
}
}
}
},
演示:http://jsfiddle.net/oe1vcmqj/2/
编辑:
从 Highcharts 5.0.3 开始,选项名称为 textOutline
。
plotOptions: {
columnrange: { // or general options: "series: { ... }"
dataLabels: {
enabled: true,
color: 'red',
style: {
textOutline: false
}
}
}
},
演示:http://jsfiddle.net/oe1vcmqj/49/
编辑 v2.0:
从Highcharts 5.0.13开始,textOutline
选项应该是一个string
,因此要禁用大纲,请设置textOutline: 'none'
。
plotOptions: {
columnrange: { // or general options: "series: { ... }"
dataLabels: {
enabled: true,
color: 'red',
style: {
textOutline: 'none'
}
}
}
},
演示:http://jsfiddle.net/BlackLabel/s7ejvhmu/
dataLabels: {
enabled: true,
format: '{point.y}',
style: {
textOutline: false
}
},
使用text-shadow:none !important;
作为标记tspan
.CSS
tspan{
text-decoration:none;
text-shadow:none !important;
}
小提琴演示
为
我工作...
dataLabels: {
enabled: true,
color: 'white',
style: {
// textShadow: false
textOutline: false
}
在 1.4.0 版中
用
dataLabels: {
dropShadow: false
}
相关文章:
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 可以在这里为背景图像设置滤镜吗
- 如何使用jquery更改html中的背景颜色
- 使用 js 将背景图像设置为 HTML
- 使用带括号的图像URL作为jQuery的背景
- 如何使用css动画/javascript使具有背景图像的元素出现
- 循环浏览多个身体背景图像
- 带有填充属性的SVG矩形显示在包含元素的上方插入框阴影
- 将淡入淡出添加到“我的身体背景滑块”
- 浮动图像左作为背景-css
- Fullpage.js-视频+背景在同一部分
- 背景图像顶部的滚动图像不移动
- 在pdfmake中嵌入背景图像
- PhoneGap选项卡栏自定义字体,背景图案
- Javascript对象类在单击时打开窗口进行颜色选择,并在更改时替换对象背景颜色
- 删除高图表数据标签上的阴影/背景发光
- 如何启用模态的背景阴影
- 如何在没有叠加掩模的情况下使背景颜色在背景图像上阴影/过渡
- 阴影背景,并使其在弹出时不可点击
- 如何在D3折线图中添加背景阴影