08 2019 档案
摘要：一.盒子布局 1.盒子布局的组成 margin border padding content 2.margin margin是外边距，控制盒子的显示位置相对于他的上一级 left、top控制自身，right、bottom影响兄弟 3.border 宽度:border-width 颜色:border-
阅读全文
摘要：一.绝对定位 position: absolute; position:fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。 二.相对定位 position: relative; 父级(最近的一个父级)相对定位的目的 1）不影响自身布局 2）辅助自己绝对定位布局 三默认定位 position:
阅读全文
摘要：一.methods methods属性里面的方法会在数据发生变化的时候你，只要引用了此里面分方法，方法就会自动执行。这个属性没有依赖缓存 二.computed 计算属性该属性里面的方法必须要有return返回值，这个返回值就是（value值）。 有几个关键点 1) 计算后属性不需要在data中重复定
阅读全文
摘要：经过沟通，后台重新给我个接口，接口里面的数据为两个大对象，数据接口为：自己改 数据格式如下图： 通过请求接口实现的效果为： 放下代码供参考： ###html： <!-- 根据每个公司所出现的次数的所在的日期，判断在这个日期前后的价格数据需不需要填充零现在的问题是公司的价格数组会从第一天开始往后堆叠，
阅读全文
摘要：搭配运行环境（vue和html两种），参考官网 下面会放上代码供参考 npm 安装 推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。 CDN 目前可以通过 unpkg.com/element-ui 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。
阅读全文
摘要：一个tab切换的各种图表，但是获取得到的数据是正确的，我自己分装了一个函数，函数如下： function setEcharts(box,obj){ var optionZhe = { tooltip: { trigger: 'axis', backgroundColor:'#eee', textSt
阅读全文
摘要：在 ECharts 的图表中用户的操作将会触发相应的事件。开发者可以监听这些事件，然后通过回调函数做相应的处理，比如跳转到一个地址，或者弹出对话框，或者做数据下钻等等。 如下是一个绑定点击操作的示例。 鼠标事件的处理 ECharts 支持常规的鼠标事件类型，包括 'click'、'dblclick'
阅读全文
摘要：问：如何把第三列设置为 X 轴，第五列设置为 Y 轴？ 答： 问：如何把第三行设置为 X 轴，第五行设置为 Y 轴？ 答： 问：如何把第二列设置为标签？ 答： 关于标签的显示 label.formatter，现在支持引用特定维度的值，例如： 问：如何让第 2 列和第 3 列显示在提示框（toolti
阅读全文
摘要：ECharts 4 开始支持了 dataset 组件用于单独的数据集声明，从而数据可以单独管理，被多个组件复用，并且可以基于数据指定数据到视觉的映射。这在不少场景下能带来使用上的方便。 ECharts 4 以前，数据只能声明在各个“系列（series）”中，例如： 这种方式的优点是，直观易理解，以及
阅读全文
摘要：从网上搜索了相关的方法，是主题之前的切换，但是用的是下拉框类型的，也可以设置div样式，参考官网那种 设置一个div，通过三个图片的点击效果实现切换主题的功能 我用的jQuery和Echarts是cdn，如果您想引用js文件未尝不可 放上代码以供参考 code： <!-- 主题切换 --><!DOC
阅读全文
摘要：来源：官网，自己整理 数据可视化是 数据 到 视觉元素 的映射过程（这个过程也可称为视觉编码，视觉元素也可称为视觉通道）。 ECharts 的每种图表本身就内置了这种映射过程，比如折线图把数据映射到『线』，柱状图把数据映射到『长度』。一些更复杂的图表，如 graph、事件河流图、treemap也都会
阅读全文
摘要：异步加载 入门示例中的数据是在初始化后setOption中直接填入的，但是很多时候可能数据需要异步加载后再填入。ECharts 中实现异步数据的更新非常简单，在图表初始化后不管任何时候只要通过 jQuery 等工具异步获取数据后通过 setOption 填入数据和配置项就行。 或者先设置完其它的样式
阅读全文
摘要：//动态数据+时间坐标轴 <template> <div class="demo6 echart-box" ref="myechart" id="main"></div> </template> <script> function randomData() { now = new Date(+now
阅读全文
摘要：本文介绍这几种方式，他们的功能范畴可能会有交叉（即同一种细节的效果可能可以用不同的方式实现），但是他们各有各的场景偏好。 颜色主题（Theme） 调色盘 直接样式设置（itemStyle、lineStyle、areaStyle、label、...） 视觉映射（visualMap） 颜色主题（Them
阅读全文
摘要：最简单的更改全局样式的方式，是直接采用颜色主题（theme）。例如，在 示例集合 中，可以选择 “Theme”，直接看到采用主题的效果。 ECharts4 开始，除了一贯的默认主题外，新内置了两套主题，分别为 'light' 和 'dark'。可以这么来使用它们： var chart = echar
阅读全文
摘要：今天来做一个南丁格尔图，参考官网，一会会把源码放上去，注释和详细的解释也会放在最下面供参考理解 基于VScode开发，我用的是子组件不是APP.vue code： <template> <div id="main" :style="{width:'1000px',height:'600px'}"><
阅读全文
摘要：#同名数量统计 #饼图，右边有多项选择，可以有滑动的效果，点击会让其数据参与进来 <template> <div id="main" :style="{width:'1000px',height:'700px'}"></div> </template> <script> export default
阅读全文
摘要：###全国宏观经济指标 ###柱状加上饼图，下面有自己动的时间轴 <template> <div id="main" :style="{width:'1000px',height:'500px'}"> </div> </template> <script> var dataMap = {}; fun
阅读全文
摘要：#未来一周天气变化(最高温度和最低温度) <template> <div id="main" :style="{width:'1000px',height:'700px'}"></div> </template> <script> export default { name: "demo7", da
阅读全文
摘要：偶然间看到这篇文章阅读量最高，相信一些小白对一些前后端交互的事情还是一头雾水，那么借着这次机会我在这篇文章的开头加上一些自己的看法希望可以帮到你们 前后端交互其实说起来很高大上的样子，其实也就那样，等你对接口了以后发现也很简单啊 接口数据格式你可以和你的后端商量，比较正规的会给你一个接口文档，上面写
阅读全文
摘要：换个电脑，重新搭配环境的时候遇到的问题、node.js已经在官网进行下载安装了，但是VScode里面显示不是内部的命令，也不是可运行的程序 但是在cmd控制台还是能查到的 借助网上的方法进行了测试和调配并没有成功，路径我也进行了配置了，不知道是哪里的问题，先在这里凑合着用吧 今天重启了一下电脑自己好
阅读全文
摘要：链接：https://blog.csdn.net/Sunshine0508/article/details/90067437 //等配置安装好了以后 在main.js里引入echarts主题的js，一般在 node_modules echarts theme macarons.js。 theme里边
阅读全文
摘要：和jQuery的stop方法不一样的是 这是用另一种方法直接判断是否有动画效果 code： ##~html <p>当“切换动画”开关按钮被按下时,我们伴着缓慢的动画在隐藏和显示div之间切换。按“启用”或“禁用”来打开和关闭动画。</p><button id="disable">jQuery.fx.
阅读全文
摘要：https://123.w3cschool.cn/webtools W3在线工具，挺好用 https://juejin.im/post/5c1f8e52f265da6170071e43#heading-13?tdsourcetag=s_pcqq_aiomsg node学习 https://i5tin
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>h5文本元素</title></head><body>1.文本元素<br>2.<b>加粗文字 b</b> <br>3.<i>倾斜文字 i</i> <br>4.<del>
阅读全文
摘要：<!--BootStrap的样式文件--> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"> <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
阅读全文
摘要：本次参考: https://www.jianshu.com/p/2e93f14e1807（vue + axios发送post请求，403错误的解决） 详细: https://blog.csdn.net/wxb880114/article/details/80606434（CORS filter解决a
阅读全文
摘要：easyui181版本下载地址 简单java+easyui181版本demo下载 注意前端页面的ajax请求路径对应后端（githup下载） 如果再加强样式可使用adminLTE（bootstrap响应式框架）
阅读全文
摘要：在easyui的table中字段过多,而无法展示全时,被迫只能使用这个方法. 在 后的 后设置: 之后 后的 添加:
阅读全文
摘要：本帖子来源：小贤笔记 功能 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。所有的
阅读全文
摘要：jQuery 遍历函数包括了用于筛选、查找和串联元素的方法。
阅读全文
摘要：jQuery 属性操作方法 下面列出的这些方法获得或设置元素的 DOM 属性。 这些方法对于 XML 文档和 HTML 文档均是适用的，除了：html()。 jQuery CSS 操作函数 下面列出的这些方法设置或返回元素的 CSS 相关属性。 下面列出的这些方法设置或返回元素的 CSS 相关属性。
阅读全文
摘要：这些方法对于 XML 文档和 HTML 文档均是适用的，除了：html()。
阅读全文
摘要：如何在页面上同时使用 jQuery 和其他框架？ jQuery 和其他 JavaScript 框架 正如您已经了解到的，jQuery 使用 $ 符号作为 jQuery 的简写。 如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办？ 其他一些 JavaScript 框架包括：MooTo
阅读全文
摘要：通过 jQuery，您可以把动作/方法链接起来。 Chaining 允许我们在一条语句中允许多个 jQuery 方法（在相同的元素上）。 不过，有一种名为链接（chaining）的技术，允许我们在相同的元素上运行多条 jQuery 命令，一条接着另一条。 提示：这样的话，浏览器就不必多次查找相同的元
阅读全文
摘要：jQuery 库可以通过一行简单的标记被添加到网页中。 jQuery 是一个 JavaScript 函数库。 jQuery 库包含以下特性： HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utili
阅读全文
摘要：以下代码根据格式复制粘贴就可以查看效果了，这个方式展示可能比较麻烦，如果有看不太明白或者感到这种方式不喜欢的可以看我其他的博客， 有的我已经记录的很详细了，原文和源码我都放上去了，大家一起进步一起学习 ###index.html <!DOCTYPE html><html lang="zh"><hea
阅读全文
摘要：关于echarts使用的常见问题总结 来源：李文杨 关于echarts使用的问题总结1.legend图例不显示的问题:在legend中的data为一个数组项,数组项通常为一个字符串，每一项需要对应一个系列的 name,如果数组项的值与name不相符则图例不会显示;2.图表位置无法紧贴画布边缘的问题:
阅读全文
摘要：//堆叠条形图 <template> <!-- ref="myechart"定义该div也就是画布的名字，在this.$echarts.init(this.$refs.myechart) 图表初始化的时候使用 this.$refs.myechart 也可以替换为 document.getElemen
阅读全文
摘要：// 全图默认背景 // backgroundColor: ‘rgba(0,0,0,0)’, // 默认色板 color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c5c','#ffa5
阅读全文
摘要：该示例使用 vue-cli 脚手架搭建 安装echarts依赖 npm install echarts -S 或者使用国内的淘宝镜像： 安装 npm install -g cnpm --registry=https://registry.npm.taobao.org 1 使用 cnpm instal
阅读全文
摘要：转载其他博客1 new Vue({ 2 3 router, 4 store, 5 //components: { App } vue1.0的写法 6 render: h => h(App) vue2.0的写法 7 }).$mount('#app') render函数是渲染一个视图，然后提供给el挂载
阅读全文
摘要：1.百度node.js官网安装node.js检查：$node -v 2.安装node.js时，会默认装上npm，即生成一个命令脚本npm.cmd，放在node.js安装根目录中（系统环境变量中有该路径）该脚本就是用node.js去执行一个js文件npm-cli.js全称Node Package Ma
阅读全文
