如何畫線圖使用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，而無需使用外部庫

回答

相關問題