Google Charts (JS) - есть ли способ использовать прозрачный фон на графике?

Question

Я использую Google Charts API для включения различных графиков в веб-приложение, над которым я работаю. Я использую инструменты диаграммы JavaScript (, а не инструменты диаграммы изображения), и мне интересно, можно ли использовать прозрачный фон на диаграмме (например, линейный график, круговая диаграмма и т. Д.)?

Answer 1

В параметрах конфигурации таблицы укажите

backgroundColor: { fill:'transparent' }

Это сработало для меня в Chrome и Firefox. Мне потребовалось некоторое время, чтобы выяснить . На странице документа написано, что вы можете вставить только цветные строки HTML, и я предположил, что «прозрачный» не был одним из них.

Answer 2

Установка прозрачного фона для Google Charts:

// Set chart options
var options = {'title':'Chart Title',
'width':600,
'height':300,
'backgroundColor': 'transparent',
'is3D':true
};

JSFIDDLE DEMO

Answer 3

backgroundColor: "00000000" работал для меня.

Answer 4

Если у вас ничего не работает, попробуйте найти фоновый прямоугольник в конце функции drawChart () и добавьте атрибут fill-opacity.

 fill-opacity="0.0"

Пример:

$('#mychart').find('svg rect:eq( 1 )').attr('fill-opacity','0.0');

Используйте селектор eq :(), чтобы выбрать прямоугольник, который вы хотите сделать прозрачным.

Answer 5

Слева от корзины есть выпадающая стрелка - щелкните по ней и перейдите в «график полицейских».

Когда вы вставляете диаграмму, вы все равно можете связать ее, и она будет вставлена ​​с прозрачным фоном.