【echarts】柱状图正负值双色 具体方法如下示例：series: [ { name: 'Evaporation', type: 'bar', itemStyle:{ normal: { color: function (params) { //根据数值大小设置相关颜色 if (params.value > 0) { return 'green'
【echarts】双Y轴设置零点刻度统一 echarts中通常用多个Y轴来表示不同量程的相关数据，由于量程不同数据不一致多个坐标的刻度也会有所不同，但根据用户需求，有时需要将两个刻度保持一致方便数据展示，具体实现方法如下：//此处为简略方法，具体代码参考第二张截图 yAxis:[ { max: value => { const {max, min} = value; const absMax = Math.max(Math.abs(max), Math.abs(min));
【echarts】tooltip显示位置设置 echarts中的柱状图或折线图，tooltip默认是根据鼠标的移动而移动，视觉焦点始终是与鼠标保持一致，但有时根据用户需要会对tooltip的位置做特殊处理，让其固定在图形顶部或者鼠标的左侧，具体实现方法如下：1、tooltip显示框始终固定在图形顶部//tooltip显示框始终固定在图形顶部 tooltip: { trigger: 'axis', position: function (point, params, dom, rect, size) {
D3.js绘制 颜色:RGB、HSL和插值 (V3版本) 颜色和插值计算机中的颜色，常用的标准有RGB和HSL。RGB：色彩模式是通过对红(Red)、绿(Green)、蓝(Blue)三个颜色通道相互叠加来得到额各式各样的颜色。三个通道的值得范围都是0~255，因此总共能表示16777216(255255255)种，即一千六百多万种颜色。几乎包括了人类所能识别的所有颜色，是应用最广泛的色彩模式。HSL：色彩模式是通过色相(Hue)、饱和度(Saturation)、明度(Lightness)三个通道的相互叠加来得到各种颜色的。其中，色相的范围为0°360°，饱和
layui 附件上传、预览、删除、下载 layui在开发文档中提供了 附件上传的方法upload.render(），此篇文章在此模块基础方法上扩展补充了附件预览、删除、下载的实现方法。具体如下：layui 文件/图片上传layui 相册层一、html<div class="layui-form-item"> <div class="layui-inline"> <label class="layui-form-label"><span class="font-colo
dtree.js 树结构点击父节点异步加载子节点数据 由于此次项目开发框架使用layui，里面的树结构自然想到了使用dtree,功能需求是选择省份下的企业，由于企业数据达到上万家，一次性将所有的数据加载出来会造成页面卡顿，由此想到先加载行政区划再根据点击事件获取...
iframe 父子级取值 一、获取页面本身url ?后的参数/* name 参数名*/function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null;}//如获取
【echarts】data的值为0时隐藏label,不为0时显示 在饼图和柱状图中，我们为了图文展示更清晰经常会设置lable为true，但当有些数值为0时，label的展示在一定程度上影响了视觉效果，此方法根据值来设置lable的显示隐藏，以官网上柱状图堆砌图为例：具体方法如下： label: { show: true, color:'#333', position: 'insideRight', formatter:function (params)
IE9兼容问题 本篇文章记录下我最近在兼容IE9所遇到的问题以及解决方法1、button中添加其他标签在IE9中会失效<button type='button'><input value='登录' name='submit'></button>//此写法在谷歌、360及火狐等常规浏览器中运行正常，但在IE9及以下版本，button中的input无法解析，在input中的事件无法执行，解决方式是将button标签改为其他标签，如span、div等；2、innerHtml方法IE9
根据当前时间动态获取上一个月的时间及获取当月的最后一天 业务需求中，经常会根据当前时间获取上一个月的时间或者当月的最后一天，由于每个月的天数都不同，为了考虑时间上的准确性我们需要做一些判断和计算，具体方法如下：/* 获取上一个月时间,返回yyyy-MM-dd字符串* getLastMonthTime('2020-04-16','date'); date类型* getLastMonthTime(new Date,'num'); //时间戳类型* */function getLastMonthTime(date, type){ var daysIn
【百度地图】海量数据流畅加载并点击显示点位详情 在地图开发中，如果label或marker覆盖物数据较大的话经常会造成页面卡顿，现在使用百度地图添加海量星的方法来添加覆盖物，应用后发现，该方法是将所有的覆盖物绘制成一张图片，这样在数据加载中大大提升了加载速度，为了运行方便将该实例直接写到百度地图demo的运行台中，运行结果可直接将代码复制到百度地图示例demo中（百度地图加载海量星）具体方法如下：<!DOCTYPE HTML><html><head> <title>加载海量点</titl
iframe 子级获取父级元素 //获取父级元素 parent.$(window.parent.document).find(elem)； //比如 子级页面控制父级元素隐藏 $(document).click(function (e) { parent.$(window.parent.document).find('.menuBar .menuLevel2').slideUp(); });...
关注
