html5キャンバスに少し問題があります。私はいくつかの折れ線グラフを作成しましたが、最大のグリッド値(キャンバス自体内のフィールドの種類の一種)に問題があります。チャートは、データベースからのデータセットから構築されており、これらの値のみを使用しています。既存のデータセット値にキャンバス制限を設定する
例:あなたがここに見ることができるようにサンプルチャート
は、上記制限が5.55である、との質問はの割合を使用して、例えば(より大きな値にそれを変更する方法ですそのような最大値か何か他のチャートのオフセットも一致するように)?
コード:
$('#graf_' + i + '').html('<canvas id="lineChart' + i + '" width="' + $(".graf").width() + '" height="200"></canvas>');
var lineData = {
labels: data["headers"],
datasets: [{
label: data["rates"][i]["VltName"],
fillColor: "transparent",
strokeColor: data["rates"][i]["VltColor"],
pointColor: data["rates"][i]["VltColor"],
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(220,220,220,1)",
data: getRatesArr
}]
};
var lineOptions = {
scaleShowGridLines: true,
scaleGridLineColor: "rgba(0,0,0,.05)",
scaleGridLineWidth: 1,
bezierCurve: false,
pointDot: true,
pointDotRadius: 4,
pointDotStrokeWidth: 1,
pointHitDetectionRadius: 20,
datasetStroke: true,
datasetStrokeWidth: 2,
datasetFill: true
};
var ctx = document.getElementById("lineChart" + i).getContext("2d");
var myNewChart = new Chart(ctx).Line(lineData, lineOptions);
は私の説明があまりにも漠然とではありません願っています。前もって感謝します!