![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
Upward Force
这个作者很懒,什么都没留下…
展开
-
pc页面自动缩放到手机端
pc页面自动缩放到手机端今天做了个pc的页面,看了别人的网站在手机端能把pc端的网页刚好缩放到手机端,看着很舒服。于是想把自己的页面也这样搞一下,刚开始,想到的是利用css3的缩放来做,想的是当屏幕尺寸改变时缩放整个页面,这样顺便写了个代码,但是在手机端却没有效果,然后仔细一想,手机端屏幕是不会变化的,根本无法触发window.onresize方法,再说,这样做了之后,在pc端改变屏幕尺寸后,页面是跟着缩放的,但是别人的网站在pc端改变屏幕尺寸时,是不会变化的,所以这样做肯定是错误的。然后开始百度,看转载 2020-06-26 09:55:12 · 1471 阅读 · 0 评论 -
html+js+echarts实现折线图、饼状图、环形图
1、从GitHub上下载 echarts.js 文件https://github.com/apache/incubator-echarts/blob/master/dist/echarts.js2、通过标签方式直接引入下载好的 echarts.js 文件<script type="text/javascript" src="js/echarts.js"></script>3、html+echarts实现折线图效果代码示例<!DOCTYPE html>&原创 2020-06-28 11:51:20 · 10127 阅读 · 2 评论 -
html+F2生成折线图
1、效果图2、下载 f2.js,并放入自己的项目中3、在页面中通过 script 标签引入 f2.js 脚本<script src="./js/f2.js"></script>4、在页面上创建一个具备宽高的 canvas 标签,并指定 id:<canvas id="myChart" width="400" height="260"></canvas>5、编写图表绘制代码<!DOCTYPE html><html lang=原创 2020-06-29 15:39:34 · 1021 阅读 · 0 评论