阿里G2-chart.js数据可视化解决方案

https://www.jianshu.com/p/e219cba21f87

在许多需要数据分析的情况中，我们极多使用图表去做数据分析。

Github上有很多这种类型的开源库可供使用

最近在使用阿里的G2，使用方法相当方便。

用例：

1.首先定义一个区域用于显示图表

2.初始化图表大小，单位默认为px

const chart = new G2.Chart({

container: 'testChart',

width: 600,

height: 300

})

3.定义数据，在这里，我使用假数据，你也可以通过ajax的响应数据来，但是要封装好，因为图表接受的是一个对象数组

//4.定义数据

const data = [

{ genre: 'Sports', sold: 275 },

{ genre: 'Strategy', sold: 115 },

{ genre: 'Action', sold: 120 },

{ genre: 'Shooter', sold: 350 },

{ genre: 'Other', sold: 150 }

]; // G2 对数据源格式的要求，仅仅是 JSON 数组，数组的每个元素是一个标

阿里G2-chart.js数据可视化解决方案相关推荐

大数据可视化html模板开源_让数据栩栩如生，蚂蚁金服新一代开源数据可视化解决方案——AntV...
介绍 AntV 是蚂蚁金服全新一代数据可视化解决方案,致力于提供一套简单.方便.专业可靠.无限可能的数据可视化最佳实践. 分类 G2 使用文档:https://www.yuque.com/antv/g ...
致力提供一站式数据可视化解决方案，支持报表、图表、大屏
一.开源项目简介 Davinci是一个DVAAS(Data Visualization as a Service)平台解决方案. Davinci面向业务人员/数据工程师/数据分析师/数据科学家,致力于 ...
《D3.js数据可视化实战手册》——2.5 使用子选择器
本节书摘来异步社区<D3.js数据可视化实战手册>一书中的第2章,第2.5节,作者: [加拿大]Nick Qi Zhu,更多章节内容可以访问云栖社区"异步社区"公众号查 ...
《D3.js数据可视化实战手册》—— 1.1 简介
本节书摘来异步社区<D3.js数据可视化实战手册>一书中的第1章,第1.1节,作者: [加拿大]Nick Qi Zhu,更多章节内容可以访问云栖社区"异步社区"公众号查 ...
大屏数据可视化解决方案（上）
大屏数据可视化解决方案(上) 主推可能是目前大屏数据可视化标准解决方案最详尽的一篇文章了,可以当做定制设计指南使用的一篇经验分享. 发布时间:2019-01-17 21:12 转载于:https:/ ...
AntV 数据可视化解决方案发布
AntV 数据可视化解决方案发布参考文章: (1)AntV 数据可视化解决方案发布 (2)https://www.cnblogs.com/zaohe/p/5504737.html 备忘一下.
城市交通大数据可视化解决方案
作者 | 网络大数据如今,城市交通拥堵状况日益严重.虽说智能交通布局在不断地完善,但交通管理仍旧收效甚微.数据独立存储难以融合应用.数据内在规律难寻.数据缺乏深度挖掘等诸多问题,其困难重重,该如何解 ...
JS 数据可视化插件
为什么80%的码农都做不了架构师?>>> 13个可实现超棒数据可视化效果的Javascript框架随着商业及其相关需求的发展,数据成为越来越重要的元素之一,为了更加直观和明显 ...
python qt gui与数据可视化编程 kindle_Kindle电子书 – D3.js数据可视化实战手册 azw3...
豆瓣评分:7.0 27人评价简介: 如今这个互联网时代,人们每天都产生海量的数据,如果直接面对这些数据,可能让人无从下手.将数据可视化,用形象立体的形式将其展现,有利于分析其中的关联,攫取可能存在的 ...

阿里G2-chart.js数据可视化解决方案

阿里G2-chart.js数据可视化解决方案相关推荐

最新文章

热门文章