个人简介

Echo Blog


江湖无名 安心练剑
  • 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