vue移动端用什么数据可视化插件_基于javascript的数据可视化图表(vue.js和ECharts 可视化工具使用教程)...

小册介绍

作为前端工程师，你知道怎么在 Web 应用中对数据进行处理，甚至应用上统计学乃至数据挖掘技术吗？

作为

作为数学、统计学甚至大数据专业的学生，你懂得怎么让自己的专业知识变成通俗易懂的实际应用吗？

大数据的概念正变得越来越受人关注，从原本只是工程师之间的讨论话题，变成了如今与人们生活息息相关的事物。从电视新闻展示国民大数据统计分析结果，到智能手机、智能手表上自己的健康数据，我们可以在各种地方看到各式各样的数据图表。

作为非统计部门、电视工作者的我们，还是开发更接地气的数据应用比较实际。而如今要快速开发高可用的应用程序，当选 Web 开发模式。事实上，在各种适用于不同场景的 Web 应用中，我们也能看到各种基于 Web 技术开发的数据图表。

上图为某月北京、上海和广州这三座城市所记录的 AQI 指数可视化图表，其中这份数据包含了 5 个不同的维度：城市、日期、AQI 指数、PM2.5 数值和二氧化硫数值，你可以点击图片，体验一下基于 ECharts 开发的交互性图表。

本书目录

基于 JavaScript 的数据应用开发概述

基本数据处理 · 字符串和数字

基本数据处理 · 对象字面量

基本数据处理 · 数组

基本数据处理 · 基本统计

复杂数据处理 · 使用序列

复杂数据处理 · 树形

复杂数据处理 · 关系图谱

复杂数据处理 · 结构转换(上)

复杂数据处理 · 结构转换(下)

基于ECharts 的基础表达性统计图表 · 散点图与折线图

基于ECharts 的基础表达性统计图表 · 柱状图与饼图

复杂数据图表 · 箱线图

复杂数据图表 · 关系图谱

复杂数据图表 · 树形图

数据分析师的好帮手 · 辅助线

更高维度的

动态数据应用 · 用数据流概念重新理解数据转换

动态数据应用 · 使用 Vue.js 为数据流添加动态转换过滤器

动态数据应用 · 应用高大上的动态数据流(上)

动态数据应用 · 应用高大上的动态数据流(下)

所以为什么要学习用 JavaScript 写数据应用？

得益于 HTML 和 CSS 的天作之合，Web 应用开发在 UI 表达能力上本就具有得天独厚的优势，而随后 SVG 和 Canvas API 的出现，更是让 Web 应用对于各种界面设计的表达如虎添翼。

虽然我们常说 DOM 渲染(HTML 和 CSS 的渲染)是 Web 应用性能上的一个短板，但是 SVG 和 Canvas 的主要开发目标是一个可以使用 JavaScript 进行内容操作的单独“图片”，其性能可以满足一些对性能要求较高的需求，比如游戏(在 Web 游戏应用中，绝大部分的实现基础为 Canvas)，以及本小册后半部分会重点讲解的数据可视化图表。

再者 Web 应用开发是目前为止开发周期最短、最容易达成目标、最易于上手的应用开发手段之一。加之如今 Web 游戏、互联网金融、第三方云服务等应用场景的迅速发展，对数据的处理、可视化的需求会越来越多。

你会学到什么？

JavaScript 对基本数据类型的操作

JavaScript 对复杂数据结构的操作

复杂数据结构的处理技巧

基于 ECharts 可视化工具库对简单数据和复杂数据进行图表绘制

结合 Vue.js 为数据流添加动态处理功能

你需要准备一些什么？

有一定的编程语言基础

对高中数学的基本理解

❤️ 一颗热爱数据科学的心

适宜人群

有意向大数据、数据挖掘等领域发展的前端开发工程师

希望开发出更为实用的数据科学应用的数据科学相关工程师

正在学习计算机、数学、统计学甚至大数据数据科学的学生

作者介绍

小问 多领域开发者，主要为 Web 开发、大数据与机器学习领域。目前在阿里巴巴淘系技术部负责营销页面答投平台的开发，做过一些数据相关的开源项目，如 iwillwen/mindb。多次以讲师身份参加国内外多个 Web 领域开发大会，如 JSConf China，并著有《实战 ES2015：深入现代 JavaScript 应用开发》一书。