文档章节

前端可视化js dygraphs

 洪兴山鸡
发布于 2015/12/04 17:27
字数 170
阅读 55
收藏 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
东城
完全免费开源!开发者用了都说好的5款JavaScript图表库

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

周宇YuZhou
2015/07/02
0
0
盘点JavaScript和CSS交互的方法

随着浏览器不断的升级改进,CSS和JavaScript之间的界限越来越模糊。本来它们是负责着完全不同的功能,但最终,它们都属于网页前端技 术,它们需要相互密切的合作。我们的网页中都有.js文件和...

kouxunli1
2014/12/03
0
0
最好的 3 个开源 JavaScript 图表库

图表及其它可视化方式让传递数据的信息变得更简单。 对于数据可视化和制作精美网站来说,图表和图形很重要。视觉上的展示让分析大块数据及传递信息变得更简单。JavaScript 图表库能让数据以极...

04%
09/24
0
0
【翻译】Fuse 与 React Native 或者 NativeScript 比有什么区别?

原文:https://medium.com/@fusetools/how-fuse-differs-from-react-native-and-nativescript-525344f02aaf 现在有很多不同的框架和工具可以用来构建移动应用,我们得到最普遍的一个问题就是...

leozdgao
2016/03/12
0
0
我的网站搭建 (第十一天) 阅读量曲线图

为了让自己能直观的看出博客阅读量的变化,而不需要到后台观察,所以就使用了Highcharts的基础折线图来帮助实现。其文档地址:Highcharts 演示 样例效果: 通过阅读API文档,可以实现自己想要...

代码打碟手
09/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

白话SpringCloud | 第十章:路由网关(Zuul)进阶:过滤器、异常处理

前言 简单介绍了关于Zuul的一些简单使用以及一些路由规则的简单说明。而对于一个统一网关而言,需要处理各种各类的请求,对不同的url进行拦截,或者对调用服务的异常进行二次处理等等。今天,...

oKong
19分钟前
1
0
详解nohup和& 区别

详解nohup和& 区别 2017年11月29日 16:57:38 King-Long 阅读数:7266 版权声明:本文为博主原创文章,欢迎转载。 https://blog.csdn.net/u011095110/article/details/78666833 nohup 一、【解...

linjin200
31分钟前
3
0
Character的static方法

基本类型char的包装类是Character,使用的比较多,大家是比较熟悉的。 我只是觉得里面有很多static方法,平时不怎么用,学习一下怎么实现的,或许日后就用到了。 static int compare(char x,...

woshixin
31分钟前
1
0
正则介绍_sed

10月17日任务 9.4/9.5 sed sed工具 匹配打印 -n 只打印匹配行,不然其他行也会打印出来 p 打印(配合-n使用) [root@centos7 tmp]# sed -n '/root/'p passwd root:x:0:0:root:/root:/bin/ba...

robertt15
31分钟前
2
0
轻松解码类似eval(function(p,a,c,k,e,d){}))的JavaScript代码

轻松解码类似eval(function(p,a,c,k,e,d){}))的JavaScript代码 2013年05月22日 15:18:05 秋实先生 阅读数:14826 这里解码百度访问统计代码构造函数为示例: 百度访问统计代码JavaScript源码:...

_纵横捭阖_
40分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部