摘要:
记下一些项目中的总(da)结(keng)“移动端强制横屏显示页面”: 开发后效果如下(请原谅小弟没水果手机): 思路:通过好用的媒体查询检测屏幕方向,若为竖屏则将页面 ‘强制横屏’ 展示,并通过 横竖屏 动态设置 rem 方式保证适配,那么如何强制横屏呢?代码如下↓↓↓↓↓↓↓↓↓↓↓↓↓ 核心代码 阅读全文
摘要:
偶然在牛客上看到一个挺有意思的面试题自己写了下(欢迎纠正探讨)~~~~~↓ 题目描述 : 春天是鲜花的季节,水仙花就是其中最迷人的代表,数学上有个水仙花数,他是这样定义的: “水仙花数”是指一个三位数,它的各位数字的立方和等于其本身,比如:153=1^3+5^3+3^3。 现在要求输出所有在m和n范 阅读全文
摘要:
ui效果:要实现的当然就是 >""的兼容啦; 自己的思路:将每一个数字和‘逗号’看成一个单独的元素,用雪碧图为每一个元素添加背景图,通过循环接收到的data动态添加元素并动态修改背景图的定位属性。。。就这样 雪碧图长这样: 直接上代码:css样式上注意提前给“逗号”背景图哦; 运行效果: 当然用正则 阅读全文
摘要:
额。。当然其他事件都是支持的,此文仅以click做简单介绍: 请点击“柱子”。。。 官方介绍:http://echarts.baidu.com/tutorial.html#ECharts%20%E4%B8%AD%E7%9A%84%E4%BA%8B%E4%BB%B6%E5%92%8C%E8%A1%8C 阅读全文
摘要:
series[i]-bar.label.normal.formatter string, Function 标签内容格式器,支持字符串模板和回调函数两种形式,字符串模板与回调函数返回的字符串均支持用 \n 换行。 字符串模板 模板变量有 {a}、{b}、{c},分别表示系列名,数据名,数据值。 我直 阅读全文
摘要:
横向柱状图主要配置x位置x轴类型y轴类型(轴的类型分两种 1.category(类别)2.value(值)),代码简单(里面有注释)效果如下: 阅读全文
摘要:
看着效果不错,就自己写写记下,代码如下: 小效果挺好玩的,没仔细研究人家的实现方案,自己按这个效果就写了写,如果你有更好的方案不要吝啬拿出来一起讨论(需要的图片自己去下载哈..) 阅读全文
摘要:
实现效果: 代码如下: html: css: js: 代码比较简单,只是有些小细节需要注意 比如防止mousedown,mouseup事件冒泡,解除document事件绑定等,在此记下,提醒自己基础很重要! 阅读全文
摘要:
1 function echarts_map (thisId,data){ 2 $.get('map/json/henan.json', function (chinaJson) { 3 echarts.registerMap('henan', chinaJson); 4 var chart = echarts.init(document.g... 阅读全文
摘要:
echarts为我们提供了dataZoom组件,当数据过多时就有了它的用武之地,业务场景:数据返回100调可是为了前端显示效果默认只显示20条,其他数据由dataZoom控制显示隐藏: 官网对于dataZoom介绍:http://echarts.baidu.com/option.html#dataZ 阅读全文
摘要:
echarts基本图表使用: 1.获取包裹元素(var myChart = echarts.init(document.getElementById(‘thisId’));)2.设置option(option={...})3.使用设置好的option显示图表(myChart.setOption(op 阅读全文