0

html5 IOS アプリ内の Chart JS ( http://www.chartjs.org/ ) で奇妙な断続的な問題が発生しています。

ここにリストされているようにキャンバスを定義しました-

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

ページには複数のチャートがあります - チャートは基本的なチャート 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)

インラインの重要なスタイルにもかかわらず、キャンバスはチャートの巨大なバージョンをランダムに描画し、高さ/幅の値を変更します。

他の誰かがこの動作を経験しましたか? 修正する提案はありますか？

4

3 に答える 3

1

JavaScript では「lineChart」の ID を持つ要素を選択しようとしていますが、HTML では要素に「overallChart」の ID を与えています。変化する：

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

に：

var lineChart = new Chart(document.getElementById("overallChart").getContext("2d")).Line(lineData)
于 2013-10-19T06:39:53.753 に答える
0

この行を変更してみてください：

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

に

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

そして、それがうまくいくかどうかを確認してください。

于 2013-09-03T09:41:54.470 に答える