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

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

Ответ 1

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

backgroundColor: { fill:'transparent' }

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

Ответ 2

Настройка прозрачного фона для графиков Google:

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

JSFIDDLE DEMO

Ответ 3

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

Ответ 4

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

 fill-opacity="0.0"

Пример:

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

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

Ответ 5

Слева от корзины находится стрелка вниз - щелкните по ней и перейдите к "кодовой диаграмме".

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