删除 highcharts 数据标签上的阴影/背景发光?

新手上路,请多包涵

如果您查看我的 http://jsfiddle.net/WOUNDEDStevenJones/oe1vcmqj/1/ ,图表上的红色标签背后有微妙的白光(至少在 Chrome 和 FF 中)。我如何去除那个白光?或者最坏的情况至少将颜色更改为相同的蓝色以便融入其中?

我试过使用 shadowbackgroundColor ,以及他们的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 许可协议

阅读 744
2 个回答

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/

原文由 Paweł Fus 发布,翻译遵循 CC BY-SA 4.0 许可协议

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

原文由 Pankaj Upadhyay 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Stack Overflow 翻译
子站问答
访问
宣传栏