如何在不使用外部库的情况下使用JavaScript绘制线图

简而言之：

我想在不使用（开源）库的情况下用JavaScript绘制一个线图。我只使用JavaScript和jQuery（没有插件！）

如何管理它？

最好的解决方案（除了外部库）可能是HTML5中引入的

画布

这是一个教程，你可以通过谷歌找到更多的信息。
我认为你忽略了，但是如果你决定自己做这件事，你需要使用HTML5和画布对象。看一看，让你开始。下面是您需要掌握的内容的快照：

$(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();
});

你为什么不想使用插件呢？Google Charts是一款功能强大的工具，您需要什么浏览器兼容性？你还好吗？帆布？这两种方法中的任何一种都会使它变得相当简单，但与较旧的浏览器不兼容。如果您需要完全的跨浏览器兼容性，您将需要使用Raphael这样的库，否则您将面临一个充满挑战的世界。当然，canvas和svg会这样做do@SDCChrome或IE8/9应支持it@keinabel-如果需要IE8支持，则不能使用Canvas或SVG。IE8不支持Canvas，OP说他需要支持。然而，他接受了这个答案，所以有人认为他对此很满意。@SDC的观点很好，IE9只在Windows7上可用。OP可以使用explorercanvas，它在较旧的浏览器中模拟画布的VML（可在上找到），是的，他可以使用。。。。除了他反对使用任何图书馆。我同意你的观点，他真的应该考虑用一个，因为他一个也不能得到任何地方。