Tengo un extraño problema intermitente con Chart JS (http://www.chartjs.org/) dentro de una aplicación html5 IOS.

He definido mi lienzo como se muestra aquí:

 <canvas id="overallChart" height="270" width="270" style="height:270px!important; width:270px!important;"></canvas> 

Hay varios gráficos en una página: los gráficos se activan a través de una configuración básica de gráficos js:

 var lineData = {
labels : ["Jan","Feb","March","April","May"],
datasets : [
    {
        fillColor : "rgba(255,128,38,0.9)",
        strokeColor : "rgba(225,225,225,1)",
        pointColor : "rgba(225,225,225,1)",
        pointStrokeColor : "#fff",
        data : [65,59,90,81,56]
    },
    {
        fillColor : "rgba(119,62,20,0.9)",
        strokeColor : "rgba(225,225,225,1)",
        pointColor : "rgba(225,225,225,1)",
        pointStrokeColor : "#fff",
        data : [28,48,40,19,96]
    }
]
 }

 var lineChart = new Chart(document.getElementById("lineChart").getContext("2d")).Line(lineData)

A pesar del estilo en línea Importante, el lienzo dibuja al azar una gran versión del gráfico y altera los valores de altura / anchura.

¿Alguien más ha experimentado este comportamiento? ¿Alguna sugerencia para arreglar?