ECharts教程
-
-
ECharts – 数据的动态更新
概述 ECharts 由数据驱动,而数据的改变会驱动图表展现的改变,因此动态数据的实现也变得异常简单。 所有数据的更新都通过 setOption 实现,我们只需要定时获…… -
ECharts – 异步载数据
ECharts 异步加载数据 概述 在之前的例子中的数据是在初始化后setOption中直接填入的,但是很多时候可能数据需要异步加载后再填入。 ECharts 中实现异步数据的…… -
ECharts – 数据集
ECharts 数据集(dataset) 概述 ECharts 使用 dataset 管理数据。 dataset 组件用于单独的数据集声明,从而数据可以单独管理,被多个组件复用,并且可以基于…… -
ECharts – 数据到图形的映射(多维)
维度(dimension) 介绍 encode 之前,首先要介绍“维度(dimension)”的概念。 常用图表所描述的数据大部分是“二维表”结构,上述的例子中,我们都使用二维数…… -
ECharts – 数据到图形的映射(二维)
概述 我们可以在配置项中将数据映射到图形中。 我们可以使用 series.seriesLayoutBy 属性来配置 dataset 是(column)还是行(row)映射为图形系列(series)…… -
ECharts – 鼠标事件
鼠标事件 ECharts 支持的鼠标事件类型,包括 ‘click’、’dblclick’、’mousedown’、’mousemove’、’mouseup’、’mouseover’、’mouseout’、’globalout’、’contextm…… -
ECharts – ECharts 事件处理
概述 ECharts 中我们可以通过监听用户的操作行为来回调对应的函数。 ECharts 通过 on 方法来监听用户的行为,例如监控用户的点击行为。 ECharts 中事件分为两…… -
ECharts – 组件交互的行为事件
概述 在 ECharts 中基本上所有的组件交互行为都会触发相应的事件,常用的事件和事件对应参数在 events 文档中有列出。 实例 下面是监听一个图例开关的示例: /…… -
ECharts – 实现拖拽功能
概述 ECharts 提供的 API 可以实现定制化的富交互的功能。 介绍一个实现拖拽的小例子。这个例子是在原生 Apache ECharts (incubating)TM 基础上做了些小小扩…… -
ECharts – 富文本标签—样式
文本样式相关的配置项 echarts 提供了丰富的文本标签配置项,包括: 字体基本样式设置:fontStyle、fontWeight、fontSize、fontFamily。 文字颜色:color。 …… -
ECharts – 富文本标签—概述
概述 在许多地方(如图、轴的标签等)都可以使用富文本标签。例如: 原先 Apache ECharts (incubating)TM 中的文本标签,只能对整块统一进行样式设置,并且…… -
ECharts – 组件定位及布局
ECharts组件的定位 概述 在ECharts中,大部分『组件』和『系列』会遵循两种定位方式: left/right/top/bottom/width/height 定位方式 center / radius 定位方…… -
-
ECharts – 移动端自适应
Media Query 在实际的使用中,有时会出现一个图表需要同时在PC、移动端上展现的场景。这需要 ECharts 内部组件随着容器尺寸变化而变化的能力。 Media Query ……