Highcharts dataLabels shadows

Question

Когда для useHTML установлено значение false, возможно ли установить тень текста с такими же параметрами, как это возможно с помощью свойства text-shadow CSS?В частности, вы можете сместить тень относительно текста (например, справа внизу), или это всегда просто контур вокруг текста?Документы highcharts предполагают, что можно установить только количество и цвет (например, "textOutline": "1px contrast") или, другими словами, вы не можете сместить «тень» ... это действительно просто «контур ", когда useHTML установлен на false.(Есть причины, по которым я не могу просто установить useHTML на true в некоторых ситуациях.)

Answer 1

Вы можете быть уверены, что задокументированные опции будут работать, остальные - экспериментальные.Вы должны использовать свойство shadow или shadow для добавления тени к вашим меткам данных:

            shadow: {
                color: 'red',
                offsetX: 0,
                offsetY: 0,
                width: 10
            }

API:

https://api.highcharts.com/class-reference/Highcharts.SVGElement#shadow

https://api.highcharts.com/highcharts/chart.shadow

Демонстрация в реальном времени: http://jsfiddle.net/BlackLabel/bcy6hwLq/

Вам также следует рассмотреть возможность использования стилизованного режима: https://www.highcharts.com/docs/chart-design-and-style/gradients-shadows-and-patterns