如何用动态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轴，使它们延伸到底片？ –

回答