意甲

Javascript 曲线表作图库_0

2019-09-13 20:18:38来源:励志吧0次阅读

dygraphs 是一个开源的Javascript库,它可以产生一个可交互式的,可缩放的的曲线表。其可以用来显示大密度的数据集(比如股票,气温,等等),并且可以让用户来浏览和解释这个曲线图。在它的主页(http://www.danvk.org/dygraphs/),你可以看到一些示例和用法。

要使用这个库,很简单,只需要包括dygraph-combined.js文件,其文件尺寸很经济,也就45K。

1<script type="text/javascript"

2src="dygraph-combined.js"></script>

下面两个示例,你可以把数据写在javascript中,也可以设置一个csv文件。

示例一,你可以在代码中指定数据

01<div id="graphdiv"></div>

02<script type="text/javascript">

03g = new Dygraph(

04

05// containing div

06document.getElementById("graphdiv"),

07

08// CSV or path to a CSV file.

09"Date,Temperature\n" +

10"2008-05-07,75\n" +

11"2008-05-08,70\n" +

12"2008-05-09,80\n"

13

14);

15</script>

示例二、你可以引入外部的CSV文件。(temperatures.csv)

1<div id="graphdiv2"

2style="width:500px; height:300px;"></div>

3<script type="text/javascript">

4g2 = new Dygraph(

5document.getElementById("graphdiv2"),

6"temperatures.csv", // path to CSV file

7{} // options

8);

9</script>

孩子一直咳嗽不停怎么办
丁桂薏芽健脾凝胶能治腹泻吗
小儿便秘怎么调理
小孩脾胃虚弱用药
分享到: