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
ECharts-02-图表容器及大小
图表容器及大小
在快速上手中,我们介绍了初始化 ECharts 的接口 echarts.init。
API 文档中详细介绍了参数的具体含义,建议理解后再阅读本文。
下面,我们就常见的几种使用场景,介绍如何初始化一个图表以及改变其大小。
初始化
在 HTML 中定义有宽度和高度的父容器(推荐)
通常来说,需要在 HTML 中先定义一个 <div> 节点,并且通过 CSS...
2017-05-27 05:15:25 |
UI
ECharts-01-入门开始
ECharts
ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas 类库 ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。
ECharts 3 中更是加入了更多丰富的交互功能以及更多的可视化效果...
2017-05-27 05:15:25 |
UI
CShape Web
项目部署
Autofac is an addictive Inversion of Control container for .NET Core, ASP.NET Core, .NET 4.5.1+, Universal Windows apps, and more.
如何最快更新DLL
对 WEB 项目发布。在发布目标文件夹中,bin 文件夹中,根据时间排序。可以看到最近更新的DL...
2017-05-23 17:08:57 |
C#