-
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-入门开始
常见的图形库系列
常见的图形库概览-00-overview
常见的图形库概览-01-Chart.js 入门例子
常见的图形库概览-03-D3.js 入门例子
HighCharts 交互式图表-01-入门介绍
Plotly 函数图像绘制
ApexCharts 图表入门例子
Victory 图表基于 React,适合 React 项目,支持移动端
Recharts 入门例子
A...
2017-05-27 05:15:25 |
UI
-
图表库 Google Charts 入门例子
常见的图形库系列
常见的图形库概览-00-overview
常见的图形库概览-01-Chart.js 入门例子
常见的图形库概览-03-D3.js 入门例子
HighCharts 交互式图表-01-入门介绍
Plotly 函数图像绘制
ApexCharts 图表入门例子
Victory 图表基于 React,适合 React 项目,支持移动端
Recharts 入门例子
A...
2017-05-27 05:15:25 |
UI
-
图表库 C3.js 入门例子
常见的图形库系列
常见的图形库概览-00-overview
常见的图形库概览-01-Chart.js 入门例子
常见的图形库概览-03-D3.js 入门例子
HighCharts 交互式图表-01-入门介绍
Plotly 函数图像绘制
ApexCharts 图表入门例子
Victory 图表基于 React,适合 React 项目,支持移动端
Recharts 入门例子
A...
2017-05-27 05:15:25 |
UI
-
AntV G2 入门例子
常见的图形库系列
常见的图形库概览-00-overview
常见的图形库概览-01-Chart.js 入门例子
常见的图形库概览-03-D3.js 入门例子
HighCharts 交互式图表-01-入门介绍
Plotly 函数图像绘制
ApexCharts 图表入门例子
Victory 图表基于 React,适合 React 项目,支持移动端
Recharts 入门例子
A...
2017-05-27 05:15:25 |
UI
-
Recharts 入门例子
常见的图形库系列
常见的图形库概览-00-overview
常见的图形库概览-01-Chart.js 入门例子
常见的图形库概览-03-D3.js 入门例子
HighCharts 交互式图表-01-入门介绍
Plotly 函数图像绘制
ApexCharts 图表入门例子
Victory 图表基于 React,适合 React 项目,支持移动端
Recharts 入门例子
A...
2017-05-27 05:15:25 |
UI