• ECharts-10-ECharts 数据的视觉映射
  ECharts 数据的视觉映射 数据可视化简单来讲就是将数据用图表的形式来展示，专业的表达方式就是数据到视觉元素的映射过程。 ECharts 的每种图表本身就内置了这种映射过程，我们之前学习到的柱形图就是将数据映射到长度。 此外，ECharts 还提供了 visualMap 组件 来提供通用的视觉映射。 visualMap 组件中可以使用的视觉元素有： 图形类别（s...
  2017-05-27 05:15:25 | UI
• ECharts-09-midea 交互式
  ECharts 响应式 ECharts 图表显示在用户指定高宽的 DOM 节点（容器）中。 有时候我们希望在 PC 和 移动设备上都能够很好的展示图表的内容，实现响应式的设计，为了解决这个问题，ECharts 完善了组件的定位设置，并且实现了类似 CSS Media Query 的自适应能力。 ECharts 组件的定位和布局 大部分『组件』和『系列』会遵循两种定位方式。 left...
  2017-05-27 05:15:25 | UI
• ECharts-08-interaction 交互
  ECharts 交互组件 ECharts 提供了很多交互组件：例组件 legend、标题组件 title、视觉映射组件 visualMap、数据区域缩放组件 dataZoom、时间线组件 timeline。 接下来的内容我们将介绍如何使用数据区域缩放组件 dataZoom。 dataZoom dataZoom 组件可以实现通过鼠标滚轮滚动，放大缩小图表的功能。 默认情况下 data...
  2017-05-27 05:15:25 | UI
• 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