![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
【知识篇 - 积跬步行千里】
文章平均质量分 70
1. BootStrap 页面布局;
2. Echarts 可视化图表;
3. Python等后端开发语言。
YYDataV软件开发
在线接单
展开
-
VSCode - 保存文件自动格式化将单引号 ‘ 变成双引号 “ 的问题
在 项目根目录下 创建 .prettierrc.json 文件,将以下json内容写入文件并保存,即刻生效。原创 2022-06-11 19:57:42 · 4048 阅读 · 1 评论 -
VSCode - 配置Python的默认解释器
1、查看vscode中默认使用的python解释器:2、Ctrl + Shift + p 打开命令行面板:3、输入 Python:Select Interpreter 命令,配置默认的解释器4、默认解释器生效以后每次打开VsCode,都会使用这个默认的解释器。good!......原创 2021-12-10 10:32:45 · 39757 阅读 · 4 评论 -
VSCode - 调试 Python Django 修改监听的端口号
命令行直接运行的参数2. VSCode 调试配置增加 args 参数配置项新建 launch.json原创 2022-06-15 10:10:24 · 809 阅读 · 0 评论 -
Excel 使用空格或TAB分列
Excel 如何数据分列原创 2024-02-27 14:47:39 · 758 阅读 · 0 评论 -
怎么让Excel显示时间时候能把秒显示出来?
. 右键-设置单元格格式,或者快捷键ctrl+1。2. 自定义 输入yyyy-m-d hh:mm:ss,确定。原创 2024-02-26 15:22:30 · 1307 阅读 · 0 评论 -
地图可视化:基于 Echarts + 百度地图bmap + 时间轴timeline + 多边形(multi)polygon + 点scatter 的可视化案例
重点:echarts series 中的 type: "scatter", coordinateSystem: "bmap"2、polygon多边形的实现2.1 重点:自定义函数 renderItem: render_polygon, 以及 data: []2.2 render_polygon 实现2.3 动态对 data 赋值重点:此处data必须传string,不能传object,否则render_polygon中的api.value() 取不到值。原创 2022-08-11 23:44:03 · 2570 阅读 · 4 评论 -
百度地图API使用指南 - Javascript API | JavaScript API GL | JavaScript API Lite
百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,可帮助您在网站中构建功能丰富、交互性强的地图应用,支持PC端和移动端基于浏览器的地图应用开发,且支持HTML5特性的地图开发。注意:目前最新版本为JavaScript API V3.0。地图 JS API | 百度地图API SDKhttps://lbsyun.baidu.com/index.php?title=jspopular3.0以叠加图层为例,使用说明如下: 地图JS API示例 | 百度地图开放平台https:原创 2022-06-23 12:40:39 · 1806 阅读 · 0 评论 -
SVG格式矢量图
矢量图就是使用直线和曲线来描述的图形,构成这些图形的元素是一些点、线、矩形、多边形、圆和弧线等,它们都是通过数学公式计算获得的,具有编辑后不失真的特点。 矢量图以几何图形居多,图形可以无限放大,不变色、不模糊。常用于图案、标志、VI、文字等设计。SVG是一种图形文件格式,它的英文全称为Scalable Vector Graphics,意思为可缩放的矢量图形。 它是基于XML(Extensible Markup Language),由World Wide Web Consortium(W3C)联盟进行原创 2022-06-04 22:41:48 · 956 阅读 · 0 评论 -
Python打包部署工具PyInstaller - 将Python打包成exe应用程序(含flask静态目录)的操作方法
一. Pyinstaller 使用指南1.简介跨平台支持Windows macOS GNU/Linux AIX, Solaris, FreeBSD and OpenBSD2.安装命令初次安装pip install -U pyinstaller升级pip install --upgrade pyinstaller查看版本pyinstaller --version3.打包命令Using PyInstaller — PyInstaller 5.0.1 do原创 2022-05-13 15:26:26 · 2691 阅读 · 9 评论 -
E3【数据可视化】【组件】基于Python+Flask+Echarts+HTML5拖放(DragDrop)实现的可拖放布局并自动保存布局的动态饼图
知识点:HTML5 拖拽 https://www.w3school.com.cn/html/html5_draganddrop.aspjQuery 处理DOM节点 https://www.w3school.com.cn/jquery/jquery_dom_get.aspPython Flaskhttps://github.com/pallets/flaskEchartsExamples - Apache ECharts原创 2022-05-09 12:59:58 · 1198 阅读 · 0 评论 -
HTML之 iframe 内联框架
HTML <iframe> 标签https://www.w3school.com.cn/tags/tag_iframe.asp上图标红部分为常用属性。实战问题:为什么明明设置了 scrolling="yes" ,但是滚动条却没显示?<style> #iframe_1, #iframe_2 { background: red; width: 700px; height: 600px; ..原创 2022-05-06 18:35:10 · 537 阅读 · 1 评论 -
E2【数据可视化】【组件】基于Python+Flask+Echarts+BaiduMap实现的地理位置点图scatter+气泡图effectScatter
1. 实现思路企业要展示公司所在城市的地理位置,通常是用百度地图实现的。要用到百度地图开放平台:jspopularGL | 百度地图API SDKhttps://lbsyun.baidu.com/index.php?title=jspopularGL点图scatter+气泡图effectScatter,要用到 echarts:Documentation - Apache EChartsECharts, a powerful, interactive charting and visualiz原创 2022-04-30 12:11:58 · 2582 阅读 · 0 评论 -
CSS3 边框(Border)功能之border-image
border-image 用于将图像添加到边框。语法:border-image: source slice width outset repeat|initial|inherit;border-image-source 用于指定要用于绘制边框的图像的位置 border-image-slice 规定图像边框的向内偏移。 border-image-width 规定图像边框的宽度。 border-image-outset 规定边框图像超过边框盒的量。 borde原创 2022-04-27 18:50:43 · 716 阅读 · 0 评论 -
【数据可视化】Echarts世界地图需要的数据 - JSON格式世界国家中英文对照表
{ "Afghanistan": "阿富汗", "Aland Islands": "奥兰群岛", "Albania": "阿尔巴尼亚", "Algeria": "阿尔及利亚", "American Samoa": "美属萨摩亚", "Andorra": "安道尔", "Angola": "安哥拉", "Anguilla": "安圭拉", "Antigua and Barbuda": "安提瓜和巴布达", "Argentina".原创 2022-04-24 19:11:39 · 7537 阅读 · 0 评论 -
E1【数据可视化】基于Python Flask/Echarts折线图line/视觉映射visualMap/标记线markLine的动态模块绩效分析
思路:企业分析绩效,通常是《按比例》找出《模范标杆》以及《典型后腿》。具体应用时,通常列出《10%》的《模范标杆》,以及《10%》的《典型后腿》,然后对《典型后腿》针对性优化,这样可以取得较大的工作成绩。本例中的可视化图表,在line折线图的基础上,增加了视觉映射visualMap实现了重点关注区域的标记,同时使用markLine标线对关键数据点进行标识。效果如下:关键代码视觉映射visualMapvisualMap: { top: "top",原创 2022-04-11 17:50:48 · 1703 阅读 · 0 评论 -
5 数据可视化大屏 - 布局: BootStrap之列column
目录一、列对齐(column alignment)1、垂直对齐(Vertical alignment)a、align-items-start 顶端b、align-items-center 居中c、align-items-end 底端2、水平对齐(Horizontal alignment)a、justify-content-start 左端 &justify-content-center 居中 &justify-content-end 右端b、colu...原创 2022-03-21 18:15:09 · 2745 阅读 · 0 评论 -
4 数据可视化大屏 - 布局: BootStrap 之网格Grid
目录一、最简单的例子二、网格grid特性三、自动布局列1、列自动等宽度 col2、设置某一列宽度,其余列自动等宽度3、可变宽度内容col-{ breakpoint }-auto四、响应类Responsive classes1、所有断点breakpoint col-x(1-12)2、向水平方向堆叠Stacked to horizontal3、Row columns行列五、嵌套布局 Nesting本文章示例基于最新版BootStrap 5.1。网...原创 2022-03-20 13:36:07 · 2750 阅读 · 0 评论 -
3 数据可视化大屏 - 布局: BootStrap 之容器Container
目录Bootstrap 有三个类型的容器实战.container 演练.container-fluid 演练.container-sm .container-md .container-lg 演练.container-xl.container-xxl 演练Sass 映射 - 修改预定义的容器类可视化大屏设计 - 总目录导读:大屏案例参考YYDatav的数据可视化大屏《精彩案例汇总》(Python&Echarts源码)_YYDataV的博客-CSDN博客.原创 2022-03-17 11:53:55 · 4155 阅读 · 1 评论 -
可视化大屏设计 - 总目录
1 一文详细阐述UI设计颜色搭配,受益匪浅~_YYDataV的博客-CSDN博客_ui配色心理学家认为,人的第一感觉就是视觉,而对视觉影响最大的则是色彩。一图概括色彩意向:色系色彩意向红色系热情、张扬、高调、艳丽、侵略、暴力、血腥、警告,禁止橙色系明亮、华丽、健康、温暖、辉煌、欢乐、兴奋、热烈、温馨黄色系温暖、亲切、光明、疾病、懦弱、智慧、轻快绿色系希望、生机、成长、环保、.https://blog.csdn.net/lildkdkdkjf/article/details/1203893492 数据可视化大原创 2022-03-17 11:51:55 · 950 阅读 · 0 评论 -
TOP3款最好用的 Bootstrap 可视化开发工具,我想要的BT知识点都整理好了
推荐:LayoutIt可视化开发工具Bootstrap 4 Interface Builder | LayoutIt!一、为什么使用 Bootstrap?移动设备优先:自 Bootstrap 3 起,框架包含了贯穿于整个库的移动设备优先的样式。浏览器支持:所有的主流浏览器都支持 Bootstrap。容易上手:只要您具备 HTML 和 CSS 的基础知识,您就可以开始学习 Bootstrap。响应式设计:Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑..原创 2021-12-18 21:54:53 · 26229 阅读 · 6 评论 -
2 数据可视化大屏 - 布局
目前大屏做了好多个,详细案例参考:YYDatav的数据可视化《精彩案例汇总》(Python&Echarts源码)_YYDataV的博客-CSDN博客❤️数据可视化❤️:基于 Echarts + Vue 实现的大屏范例【14】_小魔怪的博客-CSDN博客_echarts数据可视化❤️数据可视化❤️:基于 Echarts + Python 实现的大屏范例【13】国庆黄金周旅游监测㙍㙍㙍来了~_小魔怪的博客-CSDN博客❤️数据可视化❤️:基于 Echarts + Python 实现的大屏范例【12】原创 2022-03-09 21:54:24 · 8667 阅读 · 9 评论 -
1 一文详细阐述UI设计颜色搭配,受益匪浅~
心理学家认为,人的第一感觉就是视觉,而对视觉影响最大的则是色彩。一图概括色彩意向: 色系 色彩意向 红色系 热情、张扬、高调、艳丽、侵略、暴力、血腥、警告,禁止 橙色系 明亮、华丽、健康、温暖、辉煌、欢乐、兴奋、热烈、温馨 黄色系 温暖、亲切、光明、疾病、懦弱、智慧、轻快 绿色系 希望、生机、成长、环保、.原创 2021-09-20 11:33:43 · 5832 阅读 · 1 评论