web-dev-qa-db-ja.com

ハイチャートデータラベルのシャドウ/背景グローを削除しますか？

http://jsfiddle.net/WOUNDEDStevenJones/oe1vcmqj/1/ をチェックすると、チャートの赤いラベルの後ろに微妙な白い輝きがあります（少なくともChrome and 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;
                    }
                }
            }
        }
    }
javascriptcsshighcharts
21
WOUNDEDStevenJones

セットする dataLabels.styles.textShadowからfalseへ。

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

デモ： http://jsfiddle.net/oe1vcmqj/2/

[〜＃〜] edit [〜＃〜]：

Highcharts 5.0.3以降、プロパティ名はtextOutlineです。

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

デモ： http://jsfiddle.net/oe1vcmqj/49/

72
Paweł Fus

使用する text-shadow:none !important;タグの場合tspan

[〜＃〜] css [〜＃〜]

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

FIDDLE DEMO

2
Sajad Karuthedath
dataLabels: {
      enabled: true,
      format: '{point.y}',
       style: {
          textOutline: false 
           }
        },
0
Pankaj Upadhyay