文档章节

前端可视化js dygraphs

 洪兴山鸡
发布于 2015/12/04 17:27
字数 170
阅读 58
收藏 0

    本来想找一个 csv to html 工具, 结果发现大家普遍用前段两个工具。

一个是 dygraphs.com

另外一个就是 google data api

dygraphs 入手方便。

import

<script type="text/javascript"
  src="dygraph-combined-dev.js"></script>


数据至少可以通过两种方式引入。

 new Dygraph( , )


    或者通过 csv 文件。

<script type="text/javascript">
  g2 = new Dygraph(
    document.getElementById("graphdiv2"),
    "all.csv", // path to CSV file
    {}          // options
  );
</script>

这个符合我的需求。

all.csv 里面有一共四个表头,第一列 被设置为x 轴, 二,三,四列被同时画在纵轴上面。默认是第二列获取focus 。

just so !

版权声明:本文为博主原创,未经博主许可不得转载。





© 著作权归作者所有

共有 人打赏支持
粉丝 0
博文 7
码字总数 823
作品 0
东城
私信 提问
10 个超赞的 JavaScript 图形图表绘制插件

1、Humble Finance Humble Finance是一个与Flash工具相似的HMTL5数据可视化工具。该工具完全由JavaScript开发,使用Prototype与Flotr库 2、D3 D3是最流行的可视化库之一,它被很多其他的表格...

彭博
2012/03/13
16.3K
20
15 个构建交互式图表的最佳 jQuery 插件

在这篇文章中,我们向你推荐 15 个图表库,包含从简单图表实现到高度复杂的交互式图表,希望你会喜欢。 1. Chart.js : Charting Library with HTML5 Canvas 使用HTML5 Canvas元素的Javascrip...

oschina
2013/06/22
10.9K
9
Javascript 曲线表作图库

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

crazyinsomnia
2010/01/04
797
0
用于构建交互式图表的最佳 jQuery 图表库

对于JQuery图表来说,其重要的功能是以一个简洁和交互的方式展示繁杂的原始数据。这并不仅仅以各种颜色来渲染展示数据,而应该是更能够吸引读者和方便用户理解。 稍后介绍的某些javascript图...

oschina
2013/12/07
15.5K
24
完全免费开源!开发者用了都说好的5款JavaScript图表库

用过不少的商用图表工具&图表库,比如Fusioncharts、AmChart,技术服务好,厂家的支持给力,总是物有所值。随着一些产品的开源,除了商用图表,现在也开始关注开源图表工具了。虽然和Fusionc...

周宇YuZhou
2015/07/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

git常用命令

首先打开git bash方式可以直接鼠标右击 或者在开始菜单(windows系统,苹果暂时不要问我,等我有钱买苹果电脑告诉你们0.0) 打开界面如下 1.查看远程仓库地址 git remote -v 2.创建本地分支 ...

熊小熊会写代码哦
11分钟前
2
0
离屏Canvas — 使用Web Worker提高你的Canvas运行速度

现在因为有了离屏Canvas,你可以不用在你的主线程中绘制图像了! Canvas 是一个非常受欢迎的表现方式,同时也是WebGL的入口。它能绘制图形,图片,展示动画,甚至是处理视频内容。它经常被用...

嫣然丫丫丫
13分钟前
2
0
SpringBoot 整合 BeetlSQL

SpringBoot 整合 BeetlSQL 1. beetlsql介绍 BeetSql是一个全功能DAO工具, 同时具有Hibernate 优点 & Mybatis优点功能,适用于承认以SQL为中心,同时又需求工具能自动能生成大量常用的SQL的应...

Jeff_Regan
14分钟前
1
0
UNIGUI-DBGRID的统计行的使用

关键步骤: 1、设置DBGRID的summary.enabled:=true 2、打开DBGRID的columns字段,设置DBGRID对应的column的showsummary:=true; 3、写入uniDBGRID.onColumnSummary事件: procedure TframeCa......

dillonxiao
16分钟前
2
0
MySQL语法速查1:基础命令篇

[TOC] 1.1. 关于 SQL SQL 是 Structure Query Language(结构化查询语言)的缩写,是关系型数据库的基本语言,由 IBM 在 20 世纪 70 年代开发出来,作为 IBM 关系数据库原型 System R 的原型...

whoru
21分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部