更改 Chart.js 图表的背景透明度

Question

我正在使用angular-charts.js中包含的 Chart.js在 Ionic 框架应用程序中创建条形图。

我想让酒吧背景完全不透明。

这是我必须创建图表的代码。

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

知道我该如何实现这一目标吗？

多谢！

Answer 1

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/