Question

所以，我需要一些帮助...有没有办法在javascript或jQuery中制作线图而不使用任何库？如果它看起来不好看并不重要但它仍然可以接受并不重要。如果有人知道这一点，请发表回复。

感谢名单， ProBroRLZ

P.S：如果您需要了解更多信息，请提出要求，我会回复。：）

Answer 1

您应该查看HTML5 SVG（http://www.w3schools.com/html/html5_svg.asp）和HTML5 Canvas（http://www.w3schools.com/html/html5_canvas.asp）。

这是很多工作，你最好只使用像flot或morris这样的库。

Answer 2

是的！我找到了答案！感谢@keewnn指出我对svg链接的所有帮助。这是一个非常简单的基本动态图表。

＆＃13;

<!DOCTYPE html>
<html>

<body>

  <svg height="150" width="150" style="border:1px solid black;">

    <!-- This is the background lines -->
    <polyline
    points="30,0 30,201 60,201 60,-1 90,-1 90,201 120,201 120,-1 150,-1 150,201"
    stroke="grey"
    stroke-width="1"
    fill="none" />

    <!-- This is the chart data -->
    
    <polyline stroke-linejoin="round"
    points="0,105 30,100 60,80 90,75 120,60 150,69"
    stroke="black"
    stroke-width="5"
    fill="none"
    stroke-opacity="1"
    stroke-linecap="round" />

  </svg>

</body>

</html>

＆＃13;

我真的希望它会帮助某人，因为它非常简单，几乎不需要任何努力！

如何在没有图形库的情况下在javascript / jQuery中创建图形

2 个答案: