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 中引入的 .

这是一个教程，您可以通过 Google 找到更多信息。

于 2012-08-15T15:31:31.117 回答