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

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

5 56
google-visualization

5 ответов:

в параметрах конфигурации диаграммы, указать 

backgroundColor: { fill:'transparent' }

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

136

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

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

JSFIDDLE DEMO

6

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

4

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

 fill-opacity="0.0"

пример:

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

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

3

слева от корзины есть выпадающая стрелка-нажмите на нее и перейдите в раздел "cop chart".

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

0