Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
搜索

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

g2

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://antv.alipay.com/zh-cn/g2/3.x/index.html
GitHub:https://github.com/antvis/g2
网站描述:一套基于可视化编码的图形语法
访问官网
GitHub

由蚂蚁金服团队推出的一个由纯 javascript 编写基于 Canvas 的强大的语义化图表生成工具。  

g2是一个由纯 javascript 编写基于 Canvas 的强大的语义化图表生成工具,它提供了一整套图形语法,可以让用户通过简单的语法搭建出无数种图表,并且集成了大量的统计工具,支持多种坐标系绘制,可以让用户自由得定制图表,是为大数据时代而准备的强大的可视化工具。  


千变万化,自由组合
从数据出发,仅需几行代码就可以轻松获得想要的图表展示效果
生动、易实现
大量产品实践之上,提供绘图引擎、完备图形语法、专业设计规范
强大的交互语法
任何图表,都可以基于图形语法灵活绘制,满足你无限的创意


安装

npm install g2

使用

var G2 = require('g2');

例子

var G2 = require('g2');
var data = [
  {action: '访问', visitor: 500},
  {action: '浏览', visitor: 400},
  {action: '交互', visitor: 300},
  {action: '下单', visitor: 200},
  {action: '付款', visitor: 100}
];
var chart = new G2.Chart({
  id: 'c1',
  width : 800,
  height : 400
}); // create the chart object
chart.source(data); // load the data source
chart.interval().position('action*visitor').color('action'); // create the detail chart
chart.render();




仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://fly63.com/nav/1800

更多»
热门资源
ECharts
一个使用 JavaScript 实现的开源可视化库
官网
GitHub
SVG.js
包括各种形状、线条、文本、路径等元素
官网
GitHub
d3.js
基于HTML 和 SVG 的 JavaScript 可视化库
官网
GitHub
incubator-echarts
百度团队开发的一款商业级数据图表
官网
GitHub
g2
一套基于可视化编码的图形语法
官网
GitHub
Chartist.js
JavaScript响应式图表库
官网
GitHub
MetricsGraphics.js
一个基于 D3 的简洁的数据图表优化
官网
GitHub
plotly.js
基于d3.js 和stack.gl开源的 JavaScript 图表库
官网
GitHub
js-sequence-diagrams
一款基于 Javascript 的Web绘制时序图的工具
官网
GitHub
C3.js
基于D3.js开发的JavaScript库
官网
GitHub
crossfilter
一个数据计算模型,能够很好地结合DC.JS进行数据解析绘图
官网
GitHub
Processing.js
擅长创建2D和3D图象,可视化数据套件,音频,视频等
官网
GitHub
类似于g2的资源
Sparky
一款免费的 JavaScript 波形图库
官网
GitHub
SVG.js
包括各种形状、线条、文本、路径等元素
官网
GitHub
WebPlotDigitizer
基于HTML5的在线工具从绘图图像中提取数字数据
官网
GitHub
react-flow
基于 React 用于构建基于节点的 交互式 UI、编辑器、流程图和图表
官网
GitHub
AmCharts
一个高级图表库,适用于所有数据的可视化。
官网
GitHub
deck.GL
基于WebGL的大数据量可视化框架
官网
GitHub
Plottable.js
基于 D3 的图表模块组件库
官网
GitHub
v-charts
基于 Vue2.0 和 ECharts 封装的图表组件
官网
GitHub
目录

手机扫一扫预览

》
分享组件加载中...
首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架 实用工具箱 广告合作 关于我们

Copyright © 2018 Web前端开发网提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。