随笔分类 - js

echarts自定义tooltip鼠标滑过显示的数据样式

摘要：有时候当展示的数据过多，或者分类过多会超出图表而显示不全，如果可定义换行和宽度高度则可以解决一些问题先看展示遇到的情况如下图改后的效果如下图：需要设置的代码如下 tooltip: { trigger: 'axis', formatter: function(params) {//自定义划过显示阅读全文

posted @ 2021-08-11 15:46 珊珊家的小孩阅读(1930) 评论(0) 推荐(0) 编辑

用echarts制作带成交量的K线图

摘要：官网很多列子有时候少数据就不知道要做出效果只需加那些配置，多余的去除后又容易报错，下面来看一下怎么做的先看效果如下：最主要需要注意的地方就是： 1、grid，xAxis，yAxis，series都要各自设置蜡烛图的成交量的柱状图的，缺一不可，需要写这2个类型的。2、要使下面成交量的柱状图与上面蜡阅读全文

posted @ 2021-07-30 00:48 珊珊家的小孩阅读(4109) 评论(0) 推荐(0) 编辑

使用echarts制作K线图鼠标滑过蜡烛图时候显示中文标题的最低价最高价设置

摘要：var option = { legend: { data: ['日K', 'MA5', 'MA10', 'MA20', 'MA30'], inactiveColor: '#777', textStyle: { color: '#fff' } }, tooltip: { trigger: 'axis 阅读全文

posted @ 2021-07-25 11:14 珊珊家的小孩阅读(1077) 评论(0) 推荐(0) 编辑

获取路径的指定参数的值

摘要：代码如下如何使用 var typeNum=getQueryString("type") 如上获取到的typeNum就是参数type对应的值阅读全文

posted @ 2019-10-25 10:22 珊珊家的小孩阅读(578) 评论(0) 推荐(0) 编辑

intro.js引导说明插件使用

摘要：一、下载插件二、页面引用只需引用introjs.css的css和intro.js即可三、使用 1、元素上添加指定好的自定义属性，如下说明 js需要写以下代码,此处方法封装一下.在需要的时候调用即可阅读全文

posted @ 2019-10-18 09:54 珊珊家的小孩阅读(1000) 评论(0) 推荐(0) 编辑

滑过显示消息提示框（提示框与标题分离）

摘要：此效果指的是划过的和显示的内容不在划过的标题的内容里效果如下代码如下阅读全文

posted @ 2019-07-15 10:53 珊珊家的小孩阅读(435) 评论(0) 推荐(0) 编辑

滚动到距离页面底部固定高度时动态添加更多数据

摘要：此效果是避免滚动到固定位置多次添加的问题阅读全文

posted @ 2019-07-15 10:33 珊珊家的小孩阅读(375) 评论(0) 推荐(0) 编辑

多组复选框选中获取

摘要：先来看一下展示效果代码如下：阅读全文

posted @ 2019-07-15 10:20 珊珊家的小孩阅读(791) 评论(0) 推荐(0) 编辑

viewer.js 的图片放大使用

摘要：分为两个版本，一个是js版本，一个是jquery版本 viewer.js 可以自行去下载官网的下载路径 https://viewerjs.org/getit/ 注意版本不同，有的版本不支持点击除图片和按钮外的空白处自动关闭放大的功能先看图片放大的效果一、先说js版本的引入viewer.js 阅读全文

posted @ 2019-06-15 17:12 珊珊家的小孩阅读(4403) 评论(1) 推荐(0) 编辑

滚动条滚动点亮对应导航

摘要：如果想带动画的滚动阅读全文

posted @ 2019-06-15 08:58 珊珊家的小孩阅读(391) 评论(0) 推荐(0) 编辑