Strange colors in Ionic View (iOS)

Hi guys,

I’m using chart.js to display a linechart. In browser the colors are represented correctly, but on my iPhone 6s the colors are black-like (in Ionic View App).

This is the related code:

var ctx = document.getElementById("secondChart"); var myChart = new Chart(ctx, { type: 'line', data: { labels: ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"], datasets: [{ label: 'Line 1', data: [110, 119, 142, 198, 148, 154, 167, 126, 128, 194, 140, 128], backgroundColor: [ 'rgba(173, 159, 111, 0.2)' //gold ], borderWidth: 1 }, { label: 'Line 2', data: [120, 123, 146, 119, 126, 143, 192, 142, 182, 147, 119, 140], backgroundColor: [ 'rgba(69, 161, 216, 0.2)' //blue ], borderWidth: 1 }] }, options: { scales: { yAxes: [{ ticks: { beginAtZero: false } }] } }

I’ve found the mistake.

Instead of:
backgroundColor: [
‘rgba(69, 161, 216, 0.2)’ //blue
]

I used:
backgroundColor: ‘rgba(69, 161, 216, 0.2)’ //blue