-
ECharts-07-dataset 数据集
ECharts 数据集(dataset)
ECharts 使用 dataset 管理数据。
dataset 组件用于单独的数据集声明,从而数据可以单独管理,被多个组件复用,并且可以基于数据指定数据到视觉的映射。
下面是一个最简单的 dataset 的例子:
option = {
legend: {},
tooltip: {},
dataset: {
...
2017-05-27 05:15:25 |
UI
-
ECharts-06-axis 坐标轴
坐标轴
直角坐标系中的 x/y 轴。
x 轴、y 轴
x 轴和 y 轴都由轴线、刻度、刻度标签、轴标题四个部分组成。部分图表中还会有网格线来帮助查看和计算数据
普通的二维数据坐标系都有 x 轴和 y 轴,通常情况下,x 轴显示在图表的底部,y 轴显示在左侧,一般配置如下:
option = {
xAxis: {
// ...
},
yAxis: {
...
2017-05-27 05:15:25 |
UI
-
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