如何画线图使用JavaScript，而无需使用外部库

要长话短说：如何画线图使用JavaScript，而无需使用外部库

我想提请使用JavaScript线图不使用（开源）库。我所有的工作都是JavaScript和jQuery（无插件！）。

我该如何管理？

来源

2012-08-15 keinabel

HTML 5画布可以吗？ – Robodude 2012-08-15 15:27:16

为什么你不想使用插件？谷歌图表是非常强大的工具 – 2012-08-15 15:28:14

可以使用Canvas或SVG吗？ – Diode 2012-08-15 15:30:53

我想你可以俯瞰some very powerful libraries，但是如果你决定自己做，你会需要使用HTML5和Canvas对象。看看at this great tutorial让你开始。以下是您需要掌握的内容的快照：

$(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-15 15:33:21

画布不被IE8支持，OP表示他需要支持。然而，他已经接受了答案，所以人们认为他对此感到满意。 – SDC 2012-08-16 10:20:44

@SDC很好的点，IE9只适用于Windows 7的OP可以使用的模拟画布VML在旧的浏览器的explorercanvas（可在http://code.google.com/p/explorercanvas/） – 2012-08-16 10:23:33

可用是的，他可以使用这个......除了他反对使用任何库。我同意你的看法，他真的应该考虑使用一个，因为如果没有一个，他就不会去任何地方。 – SDC 2012-08-16 10:26:15

的最佳解决方案（除了外部库）可能是canvas，在HTML5介绍。

Here是一个教程，你可以找到与谷歌的更多信息。

来源

2012-08-15 15:31:31

如何画线图使用JavaScript，而无需使用外部库

回答

相关问题