Web 图表生成库 Peek.js

MIT
JavaScript
跨平台
2014-09-23
红薯

Peek.js 是一个用于 Web 应用的图表生成库,基于 D3.js 开发。特性:

  • 面向对象可重用的图表

  • JSON 数据格式

  • 易于理解和定制

示例代码:

/*
    Charts are instantiated as objects. There are two different ways to pass
    data and draw the chart:

    i) by passing a data array to render() directly

            var trend_chart = new Trend("#trend-chart");
            trend_chart.render(trend_data); 

    ii) by setting the url to the data and calling draw()

            var trend_chart = new Trend("#trend-chart");
            trend_chart.url = 'trend.json'; 
            chart.draw();
*/

var trend_chart = new Trend("#trend-chart");
//trend_chart.interpolate = "monotone"; //default=cardinal
trend_chart.showTooltip = true;
trend_chart.render(trend_data);

var stacked_chart = new Stacked("#stacked-bar-chart");
stacked_chart.render(stacked_data);

var compare_chart = new Compare('#compare-chart');
compare_chart.render(horizontal_bar_data);

var pie_one = new Pie("#pie-one");
var pie_two = new Pie("#pie-two");
pie_one.render(pie_data_one);
pie_two.render(pie_data_two);
pie_one.legend("#pie-legend", pie_data_one);
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

vs code 配置react native 插件

HTML Snippets 自动帮你输入HTML标签, HTML CSS Support 样式支持 JavaScript (ES6) code snippets React Native Tools React/Redux/react-router Snippets TSLint Path Autocomplete Auto ...

2018/07/26 18:32
396
0
重读《学习JavaScript数据结构与算法-第三版》- 第4章 栈

定场诗 金山竹影几千秋,云索高飞水自流; 万里长江飘玉带,一轮银月滚金球。 远自湖北三千里,近到江南十六州; 美景一时观不透,天缘有分画中游。 前言 本章是重读《学习JavaScript数据结构...

08/19 09:41
59
0
数据结构与算法JavaScript描述-个人练习(Stack)

#Data Structure - Stack @(Data Structure & Algorithm) ##Define ```javascript //define stack var Stack = function(){ this.dataStore = []; this.top = 0; } Stack.prototype = { cons...

2015/06/27 20:30
20
0
vscode 特色插件

Auto Close Tag 自动添加HTML / XML关闭标签 Auto Rename Tag 自动重命名配对的HTML / XML标签 Beautify 格式化代码 Bracket Pair Colorizer 颜色识别匹配括号 Code Runner 非常强大的一款插...

06/02 21:58
8
0
Java8新特性学习

1 简述 公司自年初终于开始使用java8作为项目的标准jdk,在开发过程中,逐渐认识到java8的很多新特性,确实很方便.其中内容的核心,在于函数式编程,即将函数本身作为对象参数去处理.其中涉及到三...

06/28 10:56
19
0
重读《学习JavaScript数据结构与算法-第三版》- 第5章 队列

定场诗 马瘦毛长蹄子肥,儿子偷爹不算贼,瞎大爷娶个瞎大奶奶,老两口过了多半辈,谁也没看见谁! 前言 本章为重读《学习JavaScript数据结构与算法-第三版》的系列文章,主要讲述队列数据结构...

08/20 16:14
21
0
ES6常用特性汇总(很实用)

本章探讨如何将 ES6 的新语法,运用到编码实践之中,与传统的 JavaScript 语法结合在一起,写出合理的、易于阅读和维护的代码。 块级作用域 字符串 解构赋值 对象 数组 函数 Map 结构 Class ...

2018/11/29 10:48
40
1
图文详解ReSharper 8.1功能变化

图文详解ReSharper 8.1功能变化,包括支持TypeScript,与VS 2013集成 ,C#代码检查 ,项目依赖视图和对JavaScript支持等。

2014/01/06 10:06
72
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部