Изменить прозрачность фона диаграммы Chart.js

я использую chart.js, завернутый в angular-charts.js, чтобы создать панель диаграмма в приложении Ionic framework.

Я хочу сделать фон панели полностью непрозрачным.

Этот код я должен создать диаграмму.

<canvas id="bar" class="chart chart-bar" data="data" labels="labels" legend="true" series="series" options="{showTooltips: false}" colours="[ '#ffff00',    '#0066ff']"></canvas>

Есть идеи, как я могу этого добиться?

Большое спасибо!


ionic-framework chart.js angular-chart
person Sebastian Hernandez    schedule 30.08.2015    source источник
comment
Добавьте класс непрозрачности для вашего контейнера div как ‹div class=char-container style=opacity:0.5›, если он не будет работать, добавьте класс css как .fillStyle = rgba(255, 255, 255, 0.5); и внедрить этот класс в свой проект   -  person Anil kumar    schedule 31.08.2015

Ответы (1)


arrow_upward
3
arrow_downward

colours должен быть массивом цветных объектов (а не массивом цветных строк). Итак, вам нужно [ { fillColor: '#ffff00' }, { fillColor: '#0066ff' } ]

<canvas id="bar" class="chart chart-bar" data="data" labels="labels" legend="true" series="series" options="{showTooltips: false}" colours="[ { fillColor: '#ffff00' }, { fillColor: '#0066ff' } ]"></canvas>

Скрипт — http://jsfiddle.net/dyt0wf31/

person potatopeelings    schedule 31.08.2015
comment
Если вы хотите получить желаемую прозрачность, вы можете использовать цветовой формат rgba, подобный этому "[ { fillColor: 'rgba(255,0,0,0.6)' }, { fillColor: 'rgba(0,102,255,0.6)' } ]" - person Ebrahim; 18.10.2015