-
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
-
AntV G2 入门例子
入门例子 Google Charts 是一个功能强大的图表库，支持多种图表类型，并且易于使用。 Google Charts 例子 以下是一个简单的 Google Charts 入门示例，展示如何使用 Google Charts 创建一个基本的柱状图（Bar Chart）。 <!DOCTYPE html> <html lang="en"> <h...2017-05-27 05:15:25 | UI
-
AntV G2 入门例子
入门例子 C3.js 是一个基于 D3.js 的图表库，封装了常见的图表类型，使用简单且功能丰富。 例子 以下是一个简单的 C3.js 入门示例，展示如何使用 C3.js 创建一个基本的柱状图（Bar Chart）。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-...2017-05-27 05:15:25 | UI
-
AntV G2 入门例子
入门例子 AntV 是蚂蚁金服开源的数据可视化解决方案，G2 是其中的一个核心图表库，适合创建各种类型的图表。 AntV G2 官方文档。 例子 以下是一个简单的 AntV G2 入门示例，展示如何使用 AntV G2 创建一个基本的柱状图（Bar Chart）。 <!DOCTYPE html> <html lang="en"> <head&g...2017-05-27 05:15:25 | UI
-
Recharts 入门例子
入门 Recharts 是一个基于 React 的图表库，专为 React 项目设计，使用简单且功能强大。 例子 <% raw %> import React from 'react'; import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend } from 'recharts'; //...2017-05-27 05:15:25 | UI
-
Victory 图表基于 React，适合 React 项目，支持移动端
入门例子 Victory 是一个基于 React 的图表库，适合在 React 项目中使用。 例子 入门示例，展示如何使用 Victory 创建一个基本的柱状图（Bar Chart）。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <m...2017-05-27 05:15:25 | UI
-
ApexCharts 图表入门例子
入门例子 源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g...2017-05-27 05:15:25 | UI
Echo Blog
江湖无名 安心练剑