精美的个人主页，初学的你值得拥有！资源-CSDN文库

共22个文件

html：10个

css：7个

jpg：5个

版权申诉

html5

117 浏览量 2022-04-15 12:59:15 上传评论 2 收藏 5.23MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

myblog.zip （22个子文件）

css

index1.css 1KB

about.css 10KB

me.css 2KB

messageboard.css 3KB

index.css 1KB

messageboard.html 4KB

image

background.JPG 1.32MB

about2.JPG 1.13MB

websign.jpg 1.16MB

about1.JPG 1023KB

me.JPG 692KB

index.html 1KB

aboutme.html 4KB

me.html 2KB

picturehtml

饼图.html 8KB

折线图.html 11KB

柱状图.html 9KB

表格.html 4KB

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script> <link rel="stylesheet" href="../css/index1.css"> <link rel="icon" href="../image/websign.jpg" sizes="16x16" type="image/png"> <title>人生导航</title> </head> <body> <ul> <li><a href="../index.html" >主页</a></li> <li><a href="饼图.html" >人生导航</a></li> <li><a href="../messageboard.html">留言板</a></li> <li><a href="../aboutme.html">关于我</a></li> <div class="sumbit"> <li><a href="../login.html">登录</a></li> <li><a href="../register.html">注册</a></li> </div> </ul> <select class="form-control" onchange="location.href = this.options[this.selectedIndex].value"> <option selected="">--请选择--</option> <option value="柱状图.html">柱状图</option> <option value="折线图.html">折线图</option> <option value="饼图.html">饼图</option> <option value="表格.html">表格</option> </select> <div class="footer"> <p>Copyright©2022- XK blog.com .All Rights Reserved</p> </div> <style>.box { justify-content:center; display:flex; flex-wrap:wrap; }; </style> <div class="box"> <div id="00fb927faffe42c8be91c2a61227f683" class="chart-container" style="width:900px; height:500px;"></div> <script> var chart_00fb927faffe42c8be91c2a61227f683 = echarts.init( document.getElementById('00fb927faffe42c8be91c2a61227f683'), 'white', {renderer: 'canvas'}); var option_00fb927faffe42c8be91c2a61227f683 = { "animation": true, "animationThreshold": 2000, "animationDuration": 1000, "animationEasing": "cubicOut", "animationDelay": 0, "animationDurationUpdate": 300, "animationEasingUpdate": "cubicOut", "animationDelayUpdate": 0, "color": [ "#675bba", "#c23531", "#2f4554", "#61a0a8", "#d48265", "#749f83", "#ca8622", "#bda29a", "#6e7074", "#546570", "#c4ccd3", "#f05b72", "#ef5b9c", "#f47920", "#905a3d", "#fab27b", "#2a5caa", "#444693", "#726930", "#b2d235", "#6d8346", "#ac6767", "#1d953f", "#6950a1", "#918597" ], "series": [ { "type": "line", "name": "\u603b\u65f6\u957f(min)", "connectNulls": false, "symbolSize": 4, "showSymbol": true, "smooth": false, "clip": true, "step": false, "data": [ [ "\u4e0a\u8bfe", 9765 ], [ "\u4f11\u517b", 1183 ], [ "\u5145\u503c", 475 ], [ "\u5199\u4f5c", 585 ], [ "\u5206\u53d1", 875 ], [ "\u5348\u7761", 3736 ], [ "\u5403\u5348\u9910", 910 ], [ "\u5403\u65e9\u9910", 537 ], [ "\u5403\u665a\u9910", 778 ], [ "\u559d\u6c34", 759 ], [ "\u5907\u8bfe", 1722 ], [ "\u5b9e\u9a8c", 325 ], [ "\u5f00\u4f1a", 655 ], [ "\u62cd\u6444", 3790 ], [ "\u6392\u6cc4", 710 ], [ "\u6b23\u8d4f", 297 ], [ "\u6b65\u884c", 384 ], [ "\u6c8f\u8336\u505a\u996d", 786 ], [ "\u6d17\u6f31", 5305 ], [ "\u73a9\u624b\u673a", 732 ], [ "\u7761\u7720", 996 ], [ "\u7f16\u7a0b", 4040 ], [ "\u7f51\u804a", 20800 ], [ "\u8ba8\u8bba", 4130 ], [ "\u8bb0\u5f55", 865 ], [ "\u8d2d\u7269", 1330 ], [ "\u9605\u8bfb", 620 ] ], "hoverAnimation": true, "label": { "show": true, "position": "top", "margin": 8 }, "lineStyle": { "show": true, "width": 1, "opacity": 1, "curveness": 0, "type": "solid" }, "areaStyle": { "opacity": 0 }, "zlevel": 0, "z": 0 } ], "legend": [ { "data": [ "\u603b\u65f6\u957f(min)" ], "selected": { "\u603b\u65f6\u957f(min)": true }, "show": true, "padding": 5, "itemGap": 10, "itemWidth": 25, "itemHeight": 14 } ], "tooltip": { "show": true, "trigger": "axis", "triggerOn": "mousemove|click", "axisPointer": { "type": "cross" }, "showContent": true, "alwaysShowContent": false, "showDelay": 0, "hideDelay": 100, "textStyle": { "fontSize": 14 }, "borderWidth": 0, "padding": 5 }, "xAxis": [ { "name": "\u6d3b\u52a8", "show": true, "scale": false, "nameLocation": "end", "nameGap": 15, "gridIndex": 0, "axisLine": { "show": true, "onZero": true, "onZeroAxisIndex": 0, "lineStyle": { "show": true, "width": 1, "opacity": 1, "curveness": 0, "type": "solid", "color": "#5793f3" } }, "inverse": false, "offset": 0, "splitNumber": 5, "minInterval": 0, "splitLine": { "show": false, "lineStyle": { "show": true,

评论收藏

内容反馈

版权申诉