5

短くするには：

(オープンソースの)ライブラリを使わずにJavaScriptで折れ線グラフを描きたいです。私が使っているのは JavaScript と jQuery だけです (プラグインはありません!)。

どうすればこれを管理できますか?

4

2 に答える 2

7

非常に強力なライブラリを見落としていると思いますが、これを自分で行うことにした場合は、HTML5とCanvasオブジェクトを使用する必要があります。このすばらしいチュートリアルを見て、始めましょう。これは、理解するために必要なもののスナップショットです。

$(document).ready(function() {
    var graph = $('#graph'),
        c = graph[0].getContext('2d');

    c.lineWidth = 2;
    c.strokeStyle = '#333';
    c.font = 'italic 8pt sans-serif';
    c.textAlign = "center";

    c.beginPath();
    c.moveTo(xPadding, 0);
    c.lineTo(xPadding, graph.height() - yPadding);
    c.lineTo(graph.width(), graph.height() - yPadding);
    c.stroke();
});
于 2012-08-15T15:33:21.597 に答える
2

（外部ライブラリ以外の）最良の解決策は、おそらくcanvasHTML5で導入されたです。

ここにチュートリアルがあります、そしてあなたはグーグルでもっと多くの情報を見つけることができます。

于 2012-08-15T15:31:31.117 に答える