dygraphs

Javascript曲线表作图库
授权协议 MIT
开发语言 JavaScript
所属分类 程序开发、 报表/图表制作
软件类型 开源软件
地区 不详
投 递 者 仉峻
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

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

简单示例:

<html>
<head>
 
<script type="text/javascript" src="dygraph-combined.js"></script>
</
head>
<body>
<div id="graphdiv"></div>
<script type="text/javascript">
  g
= new Dygraph(
       
// containing div
        document
.getElementById("graphdiv"),
       
// CSV or path to a CSV file.
       
"Date,Temperature\n" +
       
"2008-05-07,75\n" +
       
"2008-05-08,70\n" +
       
"2008-05-09,80\n"
     
);
</script>
</body>
</html>
  • 1、  dygraphs 是一个开源的Javascript库,它可以产生一个可交互式的,可缩放的的曲线表。其可以用来显示大密度的数据集(比如股票,气温,等等),并且可以让用户来浏览和解释这个曲线图。 2、  R中的时间序列格式有好多种,如ts, xts, zoo,但dygraphs只支持xts格式的。 3、zoo作为时间序列的基础库,是面向通用的设计,可以用来定义股票数据,也可以分析天气数据。xt

  •     本来想找一个 csv to html 工具, 结果发现大家普遍用前段两个工具。 一个是 dygraphs.com 另外一个就是 google data api dygraphs 入手方便。 import <script type="text/javascript"   src="dygraph-combined-dev.js"></script> 数据至少可以通过两种方式引入。  new 

  • 官网https://dygraphs.com/ 一些简单的例子:https://dygraphs.com/tutorial.html#

 相关资料
  • 曲线图是用曲线将一系列的数据点连接的图表。 图4-2 Highcharts 基础曲线图 曲线图相关的配置参考 API 文档: 曲线图配置:针对当前数据列有效 曲线图数据列配置 :针对当前页面的所有曲线数据列有效

  • 下表列出了 Highcharts 不同类型的曲线图: 序号 图表类型 1 基本曲线图表 2 带有数据标签图表 3 图表异步加载数据 4 时间序列,可缩放的图表 5 X轴翻转曲线图 6 带标记曲线图 7 标示区曲线图 8 不规则时间间隔图表 9 对数 x 轴

  • Highcharts 区域图 以下实例演示了曲线区域图。 我们在前面的章节已经了解了 Highcharts 基本配置语法。接下来让我们来看下其他的配置。在 chart 中修改 type 属性。 chart 配置 将 chart 的 type 属性设置为 areaspline,chart.type 描述了图表类型。默认值为 "line"。 var chart = { type: 'areas

  • Highcharts 曲线图 以下实例是基础曲线图。我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看个完整实例: 实例 文件名:highcharts_line_basic.htm <html> <head> <meta charset="UTF-8" /> <title>Highcharts 教程</title> <script src="http://apps.bd

  • Highcharts 曲线图 以下实例演示了异步加载数据曲线图表。这边我们通过 jQuery.getJSON() 方法从异步加载 csv 文件: 我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看个完整实例: 导入 data.js 文件 异步加载数据需要引入以下js 文件: <script src="http://code.highcharts.com/modules/d

  • Highcharts 曲线图 以下实例是带有数据标签曲线图表。我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看个完整实例: 实例 文件名:highcharts_line_labels.htm <html> <head> <meta charset="UTF-8" /> <title>Highcharts 教程</title> <script src="http://a

  • Highcharts 曲线图 以下实例演示了标示区曲线图。 我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看下如何配置。 配置 使用 yAxis.plotBands 属性来配置标示区。区间范围使用 'from' 和 'to' 属性。颜色设置使用 'color' 属性。标签样式使用 'label' 属性。 配置信息: var yAxis = { title: {

  • Highcharts 曲线图 以下实例演示了 带标记曲线图。 我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看下如何配置。 配置 我们使用 marker.symbol 属性来配置标记。标记可以是 'square', 'diamond' 或 图片 url。标记可以添加在任何的数据点上: var series= [{ name: 'Tokyo',