dygraphs开始使用dygraphs


备注

本节概述了dygraph是什么,以及开发人员为什么要使用它。

它还应该提到dygraphs中的任何大型主题,并链接到相关主题。由于dygraphs的文档是新的,您可能需要创建这些相关主题的初始版本。

安装或设置

使用以下内容创建名为hello.html 的文件:

<!doctype html>
<html>
<head>
    <script src="//cdnjs.cloudflare.com/ajax/libs/dygraph/2.0.0/dygraph.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dygraph/2.0.0/dygraph.css">
</head>
<body>
    <div id="chart-div"></div>
    <script type="text/javascript">
        g = new Dygraph(
            document.getElementById('chart-div'),
            [
              [0, 0, 0],
              [1, 1, 1],
              [2, 2, 4],
              [3, 3, 9]
            ], {
              labels: ['X', 'Apples', 'Oranges']
            });
    </script>
</body>
</html>
 

这会从CDN加载dygraphs JavaScript和CSS。

<script> 标记中的位创建图表。它指定了一个包含两个系列的数据集:“苹果”和“橙子”,以及x轴。

有关更多信息,请参阅dygraphs教程