标签：ECharts

2023-11-06阅读(371)

柱状图（或称条形图）是一种通过柱形的长度来表现数据大小的一种常用图表类型。 设置柱状图的方式，是将 series 的 type 设为 'bar'。 [配置项手册] 最简单的柱状图 最简单的柱...

2023-11-06阅读(359)

在 Apache ECharts 的图表中用户的操作将会触发相应的事件。开发者可以监听这些事件，然后通过回调函数做相应的处理，比如跳转到一个地址，或者弹出对话框，或者做数据下钻等等。 ECharts 中的事件名称对应 DOM 事件名称，均为...

2023-10-26阅读(521)

图例是图表中对内容区元素的注释、用不同形状、颜色、文字等来标示不同数据列，通过点击对应数据列的标记，可以显示或隐藏该数据列。图例虽然不是图表中的主要信息、却是了解图表信息的钥匙。 布局 图例一般放在图表的右上角、也可以放在图表的底部、同一页...

2023-10-14阅读(450)

数据可视化是数据到视觉元素的映射过程（这个过程也可称为视觉编码，视觉元素也可称为视觉通道）。 ECharts 的每种图表本身就内置了这种映射过程，比如折线图把数据映射到“线”，柱状图把数据映射到“长度”。一些更复杂的图表，如关系图、事件河流...

2023-10-10阅读(1068)

直角坐标系中的 x/y 轴。 x 轴、y 轴 x 轴和 y 轴都由轴线、刻度、刻度标签、轴标题四个部分组成。部分图表中还会有网格线来帮助查看和计算数据 普通的二维数据坐标系都有 x 轴和 y 轴，通常情况下，x 轴显示在图表的底部，y 轴显...

2023-10-10阅读(411)

使用 transform 进行数据转换 Apache EChartsTM 5 开始支持了“数据转换”（ data transform ）功能。在 echarts 中，“数据转换” 这个词指的是，给定一个已有的“数据集”（datas...

2023-10-09阅读(489)

数据集（dataset）是专门用来管理数据的组件。虽然每个系列都可以在 series.data 中设置数据，但是从 ECharts4 支持数据集开始，更推荐使用数据集来管理数据。因为这样，数据可以被多个组件复用，也方便进...

2023-10-09阅读(390)

本文主要是大略概述，用哪些方法，可以在 Apache EChartsTM 中设置样式，改变图形元素或者文字的颜色、明暗、大小等。 为了让表述更通俗易懂，我们在这里用了“样式”这种可能不是很符合数据可视化思维的词 本文介绍这几种方式...

2023-10-08阅读(1067)

在ECharts 5 教程中，我们介绍了初始化 ECharts 的接口 echarts.init。 下面，我们就常见的几种使用场景，介绍如何初始化一个图表以及改变其大小。 初始化 在 HTML 中定义有宽度和高度的父容器（推荐） 通常来说，...

2023-10-08阅读(626)

假如你的开发环境使用了 npm 或者 yarn 等包管理工具，并且使用 webpack 等打包工具进行构建，本文将会介绍如何引入 Apache EChartsTM 并通过 tree-shaking 特性只打包需要的模块以减少包体积。 NPM...