11 2020 档案

js 计算两个日期相差多少分多少秒
摘要：<script type="text/javascript"> function getDay(date1, date2) { var ms = Math.abs(date2 - date1); // 两个日期相减得到毫秒数 1s=1000ms var s = ms / 1000; // 毫秒转为秒 阅读全文
posted @ 2020-11-09 22:16 云里知音 阅读(3789) 评论(0) 推荐(0)
js 随机颜色
摘要：<div id="time" style="width:60px;height:60px;"></div> <script type="text/javascript"> // 思路：颜色由#、A-F、0-9组成 var str = "ABCDEF0123456789"; var color = " 阅读全文
posted @ 2020-11-09 21:47 云里知音 阅读(144) 评论(0) 推荐(0)
js 日期对象
摘要：一、日期对象的创建方式 1. 当前日期： var oDate = new Date(); 2. 指定日期： 指定到未来或过去。 有以下两种写法： 1) var oDate = new Date("2020-10-01 12:00:00"); 2) var oDate = new Date("2020 阅读全文
posted @ 2020-11-08 22:41 云里知音 阅读(506) 评论(0) 推荐(0)
echarts饼图的生长方向
摘要：在series中添加startAngle:90, 阅读全文
posted @ 2020-11-08 18:47 云里知音 阅读(783) 评论(0) 推荐(0)
点击legend项只显示其对应一个类型的数据
摘要： 阅读全文
posted @ 2020-11-07 22:50 云里知音 阅读(268) 评论(0) 推荐(0)
js 日期格式化输出---> 2020|08|24
摘要：<div id="time"></div> <script type="text/javascript"> // 将日期格式化输出 2015|08|24 function formatter(s) { var oDate = new Date(); //获取当前时间 Sun Nov 08 2020 阅读全文
posted @ 2020-11-07 22:39 云里知音 阅读(263) 评论(0) 推荐(0)
echarts饼图1
摘要：option = { title: [{ text: 10000, x: '50%', y: '38%', textAlign: 'center', textStyle: { fontSize: '50', fontWeight: '100', color: '#fff', textAlign: ' 阅读全文
posted @ 2020-11-07 21:42 云里知音 阅读(213) 评论(0) 推荐(0)
JQuery提示$(...).on is not a function解决方法
摘要：报错： $(...).on is not a function 解决办法： 当前引入的jQuery版本过低导致报错，引入较高的版本即可。 阅读全文
posted @ 2020-11-04 22:36 云里知音 阅读(8547) 评论(0) 推荐(0)
echarts 自定义进度条图标
摘要：option = { backgroundColor:"#e4eef9", grid:{ top:"3%", right:"6%", left:"18%", bottom:"20%", }, xAxis: { show:false, }, yAxis: { type: 'category', axi 阅读全文
posted @ 2020-11-03 10:34 云里知音 阅读(917) 评论(0) 推荐(0)
echarts 实时请求数据--定时器
摘要：// 动态获取数据 function getData(){ var request = new XMLHttpRequest(); request.open("get","http://localhost:3000/get_chart"); request.send(); request.onrea 阅读全文
posted @ 2020-11-02 22:51 云里知音 阅读(1009) 评论(0) 推荐(0)
echarts 跟随屏幕自适应
摘要：1、第一种写法 window.onresize = function(){ myChart.resize(); // myChart.resize(); } 2、第二种写法 window.addEventListener("resize",function(){ myChart.resize(); 阅读全文
posted @ 2020-11-02 22:42 云里知音 阅读(1024) 评论(0) 推荐(0)
echarts 折线图2
摘要：option = { xAxis: { type: 'category', data: ['河南', '河北', '江苏', '新疆', '北京', '山东', '山西',"商丘","平顶山"], axisTick: {show: false}, axisLabel:{ rotate:40, } } 阅读全文
posted @ 2020-11-02 17:30 云里知音 阅读(133) 评论(0) 推荐(0)
echarts 自定义markpoint的样式
摘要：series中的markpoint样式 ECharts提供的默认标记类型样式： "circle ", "rect", "roundRect, 'triangle', 'diamond', 'pin', 'arrow', 'none' 如果自定义样式，有以下两种方式： 1、通过 'image://ur 阅读全文
posted @ 2020-11-02 16:00 云里知音 阅读(8095) 评论(0) 推荐(1)
echarts 柱状图
摘要：var index = 0; var colorList = ['#fff', '#000']; option = { // backgroundColor:"#17326b", grid:{ left:"80", top:"10", right:"60", bottom:"60", contain 阅读全文
posted @ 2020-11-02 10:18 云里知音 阅读(171) 评论(0) 推荐(0)
echarts 双y轴渐变色进度条
摘要：var index = 0; var colorList = ['#f36c6c', '#e6cf4e', '#20d180', '#0093ff']; option = { backgroundColor:"#17326b", grid:{ left:"40", top:"10", right:" 阅读全文
posted @ 2020-11-01 21:34 云里知音 阅读(486) 评论(0) 推荐(0)