ECharts
关注
分享
扫一扫
文章平均质量分 51
紫冰Nan
单纯记录
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ECharts学习二 --- 异步加载
ECharts 中实现异步数据的更新非常简单，在图表初始化后不管任何时候只要通过 jQuery 等工具异步获取数据后通过 setOption 填入数据和配置项就行<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>ECharts</title>原创 2018-10-11 15:00:45 · 516 阅读 · 0 评论 -
ECharts学习三 --- 数据的动态更新
ECharts 由数据驱动，数据的改变驱动图表展现的改变 所有数据的更新都通过 setOption实现，你只需要定时获取数据，setOption 填入数据，而不用考虑数据到底产生了那些变化，ECharts 会找到两组数据之间的差异然后通过合适的动画去表现数据的变化。 ECharts 3 中移除了 ECharts 2 中的 addData 方法。如果只需要加入单个数据，可以先 data.push...原创 2018-10-11 16:24:09 · 2259 阅读 · 0 评论 -
ECharts学习四 --- 数据区域缩放组件（dataZoom）
除了图表外， ECharts 中提供了很多交互组件。例如：图例组件 legend、标题组件 title、视觉映射组件 visualMap、数据区域缩放组件 dataZoom、时间线组件 timeline 数据区域缩放组件 dataZoom介绍dataZoom 组件是对 数轴（axis） 进行『数据窗口缩放』『数据窗口平移』操作。 可以通过 dataZoom.xAxis...原创 2018-10-11 17:13:15 · 15039 阅读 · 1 评论 -
ECharts学习五 --- 移动端自适应 Media Query
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>ECharts</title> <!-- 引入 echarts.js 采用的是cdn 引入，需保证外网连接正常 --> <script原创 2018-10-12 14:19:47 · 2624 阅读 · 0 评论 -
ECharts学习一 --- 简单实例
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>ECharts</title> <!-- 引入 echarts.js --> <script src="https://cdnjs原创 2018-10-09 14:16:59 · 763 阅读 · 0 评论