更改 Chart.js 图表的背景透明度
Change background transparency of Chart.js chart
我正在使用 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>
知道如何实现吗？
非常感谢！
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>
Fiddle - http://jsfiddle.net/dyt0wf31/
我正在使用 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>
知道如何实现吗？
非常感谢！
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>
Fiddle - http://jsfiddle.net/dyt0wf31/