前端学习 - 随笔分类 - luckyshan

代码触发 ECharts 中组件的行为代码触发 ECharts 中组件的行为

摘要：需要在程序里调用方法并触发图表的行为，比如显示 tooltip。 ECharts 通过 dispatchAction({ type: '' }) 来触发图表行为，统一管理了所有动作，也可以根据需要去记录用户的行为路径。以上实例用于轮播饼图中的 tooltip： <!DOCTYPE html><ht 阅读全文

posted @ 2021-09-28 14:43 luckyshan 阅读(295) 评论(0) 推荐(0)

交互联动

摘要：多个图表共同使用一个dataset <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>ECharts 实例</title>  <script src="https://cdn.staticf 阅读全文

posted @ 2021-09-28 10:52 luckyshan 阅读(95) 评论(0) 推荐(0)

Echarts数据集（dataset）

摘要：1、Echarts使用dataset数据集管理项目 dataset组件用于单独的数据集声明，从而数据可以单独管理，被多个组件复用并且可以基于数据指定数据到视觉的映射。下面是一个最简单的 dataset 的例子： <!DOCTYPE html><html><head> <meta charset=" 阅读全文

posted @ 2021-09-28 09:47 luckyshan 阅读(1545) 评论(0) 推荐(0)

Echarts异步加载数据

摘要：ECharts 通常数据设置在 setOption 中，如果我们需要异步加载数据，可以配合 jQuery等工具，在异步获取数据后通过 setOption 填入数据和配置项就行。 json 数据： echarts_test_data.json 数据： { "data_pie" : [ {"value" 阅读全文

posted @ 2021-09-27 17:20 luckyshan 阅读(261) 评论(0) 推荐(0)

echars配置语法

摘要：一、创建html，引入echars.min.js <!DOCTYPE html> <html> <head> <meta charset="utf-8">  <script src="echarts.min.js"></script> </head> </ 阅读全文

posted @ 2021-09-27 09:32 luckyshan 阅读(109) 评论(0) 推荐(0)

echars折线图、柱状图、散点图、饼图、K线图

摘要：主要了解饼图，柱状图，折线图 1、柱状图 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>第一个 ECharts 实例</title>  <script src="https://cdn. 阅读全文

posted @ 2021-09-27 09:15 luckyshan 阅读(367) 评论(0) 推荐(0)

浅拷贝与深拷贝

摘要：浅拷贝与深拷贝的区别 1、浅拷贝只复制一层对象的属性、值引用（场景：对于只有一层结构的Array和Object想要拷贝一个副本时使用） 2、深拷贝则递归复制了所有层级、地址引用（场景：复制深层次的object的数据结构）浅拷贝的实现方式 1、ES6 的 Object.assign() //当obj 阅读全文

posted @ 2021-08-24 17:15 luckyshan 阅读(88) 评论(0) 推荐(0)

数组的20种常用用法

摘要：1、shift 删除数组的第一个元素 2、pop 删除数组的最后一个元素 3、push 增加元素在数组的后面 4、unshift 增加元素在数组的前面 5、filter 过滤，筛选出数组中满足条件的，并且返回新的数组 6、map 循环，并返回新的数组 7、for each 循环，遍历 8、concn 阅读全文

posted @ 2021-08-24 14:22 luckyshan 阅读(553) 评论(0) 推荐(0)

随笔分类 - 前端学习

公告