Параметр діаграми високих діаграм 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)' надасть вам повну прозорість

— нео

2

Null більше не працює у HighCharts 6. Замість цього використовуйте backgroundColor: 'прозорий'. (Тестується на всіх сучасних браузерах та IE11 +).

— Stevethemacguy

132

Чи можете ви спробувати це -

backgroundColor: null

Дивіться на: jsfiddle

— Беш Гурунг
джерело

7

Відповідь Маюреша - це гарна альтернатива, але це теж працює і виглядає більш чистою.

— Кейпі

4

Ідеально! Якби я мав лише 10 голосів за, щоб дати :) Це, безумовно, правильне, елегантне, не хакерське рішення.

— Като

4

Я згоден; це, мабуть, має бути головною відповіддю.

— Джефф

Ваша скрипка зламана зараз, коли Highcharts перемістив файл .js, на який ви зв’язали. Як зазначалося в інших місцях, значення null не завжди буде працювати. Відповідь nessa.gp дає найкращі значення регістру для кожного браузера, як виявили самі Highcharts.

— Кольт Маккормак

він також вирішує проблему 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

Сафарі: 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.

— пісок
джерело

-2

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

— Панкадж Упадхяй
джерело

1

Незважаючи на те, що цей фрагмент коду може вирішити питання, включення пояснення дійсно допомагає поліпшити якість вашої публікації. Пам’ятайте, що ви будете відповідати на запитання для читачів у майбутньому, і ці люди можуть не знати причин вашої пропозиції коду.

— Клайстерс