luckyshan - 博客园

2021年10月

摘要：本地环境:node版本:8.11.4 vue版本:3.4.1; 开发工具vscode 1、创建一个空的vue项目（vue create bigdata_reprot_web） 2、找到项目的空白页,改造该页面改造思路:先把依赖的css,和js一个个的引入到 vue项目中,每引入一个,看看是否生效了阅读全文

posted @ 2021-10-13 09:48 luckyshan 阅读(1118) 评论(0) 推荐(0)

2021年9月

前端项目部署

摘要：命令！ 1.将项目前端打包，形成静态文件。 cnpm run build 在打包的过程中，不能报错，如果报错在你本地的项目中找错，或者你之前已经打包，在修改本地的项目后又重新打包报错，可以选在删除之前已经打包好的。再重新打包。 2.创建文件。将打包好的前端复制这一个文件夹中，并且把主应用中的ind 阅读全文

posted @ 2021-09-28 17:27 luckyshan 阅读(1900) 评论(1) 推荐(0)

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

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

posted @ 2021-09-28 14:43 luckyshan 阅读(258) 评论(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 阅读(83) 评论(0) 推荐(0)

Echarts数据集（dataset）

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

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

选择框-html实现下拉选择框（select）

摘要：阅读全文

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

Echarts异步加载数据

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

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

echars直接样式设置

摘要： 1、直接的样式设置是比较常用设置方式。纵观 ECharts 的 option 中，很多地方可以设置 itemStyle、lineStyle、areaStyle、label 等等。这些的地方可以直接设置图形元素的颜色、线宽、点的大小、标签的文字、标签的样式等等。 2、一般来说，ECharts 的各个系阅读全文

posted @ 2021-09-27 10:24 luckyshan 阅读(154) 评论(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 阅读(53) 评论(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 阅读(339) 评论(0) 推荐(0)

公告