Параметр диаграммы Highcharts backgroundColor: «прозрачный» отображается черным цветом в IE 8

81

Highchartsопция диаграммы backgroundColor:'transparent'отображается черным цветомIE 8

histogram = new Highcharts.Chart({
            chart: { renderTo: 'histogram', defaultSeriesType: 'bar',
                     backgroundColor:'transparent'
            }

Это отлично работает I.E 9и на других, но не работает в IE 8 и Safari. Кто-нибудь знает, почему?

— Никшеп
источник

128

Попробуйте это решение:

histogram = new Highcharts.Chart({
                chart: { renderTo: 'histogram', defaultSeriesType: 'bar',
                         backgroundColor:'rgba(255, 255, 255, 0.0)'
                }

— Маюреш
источник

Не совсем прозрачно. Коробка хорошо видна. Ответ nessa.gp сработал для меня.

— Адриан Варфоломей,

26

Это обходной путь. Лучше работает с backgroundColor:null.

— ViniciusPires

Спасибо за вашу помощь :)

— russellhoff

3

backgroundColor: 'rgba (255, 255, 255, 0.0)' даст вам полную прозрачность

— neo

2

Null больше не работает в HighCharts 6. Вместо этого используйте backgroundColor: 'transparent'. (Проверено во всех современных браузерах и IE11 +).

— Stevethemacguy

132

Вы можете попробовать это -

backgroundColor: null

Смотрите дальше: jsfiddle

— Бхеш Гурунг
источник

7

Ответ Маюреш: это хорошая альтернатива, но она тоже работает и выглядит более чистой.

— Capy

4

Отлично! Если бы у меня было всего 10 голосов :) Это, безусловно, правильное, элегантное решение, которое нельзя взломать.

— Kato

4

Я согласен; это, вероятно, должен быть главный ответ.

— Джефф

Теперь ваша скрипка сломана, когда Highcharts переместил файл .js, с которым вы связались. Как упоминалось в другом месте, null не всегда работает. Ответ nessa.gp дает наилучшие значения case для каждого браузера, как было обнаружено самими Highcharts.

— Colt McCormack

он также устраняет проблему whkhtmltopdf с черным фоном.

— Ростислав Дьячок

9

Я нашел это в источниках Highcharts:

Минимально возможные эмпирические значения непрозрачности для TRACKER_FILL

IE6: 0,002

IE7: 0,002

IE8: 0,002

IE9: 0.00000000001 (без ограничений)

IE10: 0,0001 (только экспорт)

FF: 0.00000000001 (без ограничений)

Хром: 0,000001

Safari: 0,000001

Opera: 0.00000000001 (без ограничений)

TRACKER_FILL = 'rgba (192,192,192,' + (hasSVG? 0,0001: 0,002) + ')'

Таким образом, вы можете установить цвет фона диаграммы на «rgba (255,255,255,0.002)», и он будет работать в наиболее важных браузерах.

— nessa.gp
источник

2

backgroundColor: 'transparent' также работает, если вам нужна безопасность типов.

— Аттила Чаньи
источник

0

Если вы можете получить доступ к файлу highcharts.js, перейдите к строке backgroundColor (около 479) и измените строку, например backgroundColor:"rgba(255, 255, 255, 0)". Все фоны графиков станут прозрачными.

— GrooveNow
источник

1

И тогда вам придется делать это каждый раз, когда вы обновляете библиотеку.

— guioconnor

-2

Может быть тебе придется написать

filter:0 !important;

в вашем css.

— Sandeep
источник

-2

backgroundColor:'rgba(255, 255, 255, 0.0)',

— Панкадж Упадхьяй
источник

1

Хотя этот фрагмент кода может решить вопрос, включение объяснения действительно помогает улучшить качество вашего сообщения. Помните, что вы отвечаете на вопрос читателей в будущем, и эти люди могут не знать причин вашего предложения кода.

— Clijsters