如何用動態x，y軸使用畫布標籤製作圖形html5

我想製作一個圖形，它使用html5中的畫布標籤繪製類似（23,45），（32,67）等數字點。我發現這個鏈接http://www.worldwidewhat.net/2011/06/draw-a-line-graph-using-html5-canvas/該圖在該圖的問題是，只有y軸可與數字values.I要讓使用相同的邏輯爲y軸以及數值X軸工作...請幫助如何用動態x，y軸使用畫布標籤製作圖形html5

2013-03-29 Lucy

你需要更清楚一點。該例中的x軸實際上已經是動態的。這裏查看演示[現場演示]（http://jsfiddle.net/loktar/m6Lgn/1/） – Loktar

我想使x軸值的數字以及就像Ÿaxis.Currently它顯示months.I要繪製使用我發佈的鏈接中給出的示例的概念來指向圖（55,60）（45,23）等圖形。 – Lucy

這是一個非常容易解決。就像它是圖表一樣，它只是引用數據的長度而不是X值。我們可以通過添加一個getMaxX()函數並引用實際的X值來輕鬆解決這個問題。 Here is a working example。

2013-04-08 02:40:36 TheCrzyMan

在此代碼中，X軸的比例不均勻，即X值的文本之間的間距不相等。嘗試編輯代碼但仍然沒有區別。 – Lucy

技術上，比例尺是均勻的，但是間距數字不是。如果一個號碼被跳過，它沒有被顯示，但所有其他號碼都處於正確的位置。我編輯了代碼[這裏]（http://jsfiddle.net/crzyman/nshX6/5/），並且我做了我相信你在尋找的東西。抱歉給你帶來不便。 – TheCrzyMan

我知道這個問題有點老，但是有沒有辦法調整x軸和y軸，使它們延伸到底片？ –

回答