0

私はここで小さな問題を抱えています.いくつかのチャートを作成しようとしていますが、それを機能させることができず、理由がわかりません. チャートのグラフィックには Chart.js を使用しています。

ここに私の HTML5 があります。ID=canvasEjercicio2 でチャートが配置される「キャンバス」があります。

<div data-theme="a" data-role="header">
    <a data-role="button" data-inline="true" data-direction="reverse" data-theme="a" data-transition="slideup"
    href="#principal" data-icon="home" data-iconpos="left" class="ui-btn-left">
    Volver
    </a>
    <h3 id="nombreAplicacion">
        Nombre Aplicacion
    </h3>
</div>
<div data-role="content">
    <h4 id="tituloEstadisticas">
        Estadisticas
    </h4>
    <canvas id="canvasEjercicio2" width="400" height="400"></canvas>
</div>

これが私のjqueryコードです。ここに何かがチャートで機能していません。ここで何がクラッシュしているのかわかりません。

/* ******************************************/
/* *****    PAGE REFRESH ESTADISTICAS   *****/
/* ******************************************/
$(document).on('pagebeforeshow', '#estadisticas', function()
{ 
    graficar();
    mostrarDatosEjercicios();
});

/* ******************************************/
/* ****  MOSTRAR ESTADISTICAS AL ENTRAR  ****/
/* ******************************************/
$('#botonEstadisticas').click(function()
{
    graficar();
    mostrarDatosEjercicios();
}
);

/* ******************************************/
/* ****   MOSTRAR GRAFICOS EJERCICIO 2   ****/
/* ******************************************/
function graficar()
{
    //Get the context of the canvas element we want to select
    var contexto = $("#canvasEjercicio2").get(0).getContext("2d");
    var datos = [
        {
            value: 1,
            color:"#F38630"
        },
        {
            value : 2,
            color : "#E0E4CC"
        },
        {
            value : 3,
            color : "#69D2E7"
        }           
    ];
    var graficoEjercicio2 = new Chart(contexto).Pie(datos);
};
4

1 に答える 1

0

解決策はあまり明確ではありませんが、この投稿を見つけたときにまったく同じ問題が発生しました。記録のために、ソリューションは以前ではなく、pageshow イベントでチャートをロードしていたと言います。

$(document).on("pageshow", "#page-grafica", function(event) {
   // Create the chart here...
}
于 2015-07-25T07:29:14.623 に答える