-
ECharts-06-aysnc data 异步数据
ECharts 异步加载数据
ECharts 通常数据设置在 setOption 中,如果我们需要异步加载数据,可以配合 jQuery等工具,在异步获取数据后通过 setOption 填入数据和配置项就行。
ECharts 通常数据设置在 setOption 中,如果我们需要异步加载数据,可以配合 jQuery等工具,在异步获取数据后通过 setOption 填入数据和配置项就行。
j...
2017-05-27 05:15:25 |
UI
-
ECharts-05-transfer 数据转换
使用 transform 进行数据转换
Apache EChartsTM 5 开始支持了“数据转换”( data transform )功能。
在 echarts 中,“数据转换” 这个词指的是,给定一个已有的“数据集”(dataset)和一个“转换方法”(transform),echarts 能生成一个新的“数据集”,然后可以使用这个新的“数据集”绘制图表。
这些工作都可以声明式地完...
2017-05-27 05:15:25 |
UI
-
ECharts-05-style config 样式设置
ECharts 样式设置
ECharts 可以通过样式设置来改变图形元素或者文字的颜色、明暗、大小等。
颜色主题
ECharts4 开始,除了默认主题外,内置了两套主题,分别为 light 和 dark。
使用方式如下:
var chart = echarts.init(dom, 'light');
或者
var chart = echarts.init(dom, 'dar...
2017-05-27 05:15:25 |
UI
-
ECharts-04-pie 饼状图
ECharts 饼图
前面的章节我们已经学会了使用 ECharts 绘制一个简单的柱状图,本章节我们将绘制饼图。
饼图主要是通过扇形的弧度表现不同类目的数据在总和中的占比,它的数据格式比柱状图更简单,只有一维的数值,不需要给类目。
因为不在直角坐标系上,所以也不需要 xAxis,yAxis。
例子:
myChart.setOption({
series : [
...
2017-05-27 05:15:25 |
UI
-
ECharts-04-dataset 数据集
数据集
数据集(dataset)是专门用来管理数据的组件。
虽然每个系列都可以在 series.data 中设置数据,但是从 ECharts4 支持 数据集 开始,更推荐使用 数据集 来管理数据。
因为这样,数据可以被多个组件复用,也方便进行 “数据和其他配置” 分离的配置风格。
毕竟,在运行时,数据是最常改变的,而其他配置大多并不会改变。
在系列中设置数据
如果数据设置在 系列...
2017-05-27 05:15:25 |
UI
-
ECharts-03-style 样式
ECharts 中的样式简介
本文主要是大略概述,用哪些方法,可以在 Apache EChartsTM 中设置样式,改变图形元素或者文字的颜色、明暗、大小等。
为了让表述更通俗易懂,我们在这里用了“样式”这种可能不是很符合数据可视化思维的词
本文介绍这几种方式,他们的功能范畴可能会有交叉(即同一种细节的效果可能可以用不同的方式实现),但是他们各有各的场景偏好。
颜色主...
2017-05-27 05:15:25 |
UI
-
ECharts-03-config 配置信息
ECharts 配置语法
本章节我们将为大家介绍使用 ECharts 生成图表的一些配置。
第一步:创建 HTML 页面
创建一个 HTML 页面,引入 echarts.min.js:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- 引入 ECha...
2017-05-27 05:15:25 |
UI
-
ECharts-02-install 安装入门
ECharts
ECharts 是一个使用 JavaScript 实现的开源可视化库,涵盖各行业图表,满足各种需求。
ECharts 遵循 Apache-2.0 开源协议,免费商用。
ECharts 兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等)及兼容多种设备,可随时随地任性展示。
第一个例子
<!DOCTYPE html>...
2017-05-27 05:15:25 |
UI