2024-02-29点击其中一个图层，按住shift键再点击另一个图层，即同时选中两个图层，之后点击图层菜单，选中图层菜单里的合并图层，快捷键为ctrl e，即同时选中两个图层之后按ctrl e就可直接合并图层。3.png图像格式是一种新兴的网络图形格式，结合了GIF和JPEG的优点，具有存储形式丰富的特点，能够保持诱明背景.如果想要切成背景透明的图片,请选择png格式。导出透明背景的图片，找到图层工具栏，下滑至最底端有个背景，点击前方的眼睛，点击后眼睛消失，同时页面背景会变成。在使用定位布局时，可能会出现盒子重叠的情况。

https://www.qianduange.cn//article/2935.html 分类：前端知识

2024-02-28利用CSS3的border-radius属性实现特殊图形。_css异形

https://www.qianduange.cn//article/2861.html 分类：前端知识

2024-02-26大部分功能是echarts社区大佬写的，地址https://www.makeapie.cn/echarts_content/xmQZRm2IHw.html下面是自己的一些学习理解，效果： 间隔的大多数方案是统过与背景图一样的边框颜色来达成，但如果要求扇形有其他边框颜色或者背景色不是纯色，效果就无法实现。大佬是通过给每一个要呈现的扇形添加一个透明的扇形来达成，适用场景更广！可以使用菜鸟编码工具https://c.runoob.com/front-end/59/根据官方文档做的引导线文字样式，_echarts饼图间隔

https://www.qianduange.cn//article/2760.html 分类：前端知识

2024-02-25当今社会，数据已经成为了我们最重要的资产之一。每一个领域都有着大量的数据，而对于企业来说，如何更好地利用这些数据就显得尤为关键。数据可视化是将数据转化为图形的过程，使得数据的本质更加清晰、易于理解。数据可视化大屏就是一个将数据可视化展示在大屏幕上的工具，可以帮助企业快速掌握数据的状态和趋势，更好地进行决策。本次数据可视化大屏数据来自。_echarts 大屏

https://www.qianduange.cn//article/2693.html 分类：前端知识

2024-02-24Apache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。但当前这个案例将三个图表的常用配置项都做了注释,方便读者了解,读者可以直接复制到app.vue组件就可以查看页面的显示了.以上结果是利用Echarts5.js版本将数据图形化,这里采用了三个简单图表(折线图,柱状图,饼图).PPChart 提供 Echarts 收录、图表制作等服务。PPChart - 让图表更简单。Echarts-API-文档。_vue echarts折线图 表格

https://www.qianduange.cn//article/2631.html 分类：前端知识

2024-02-23把数据以更直观的形式展现----图表可以清晰有效地传达与沟通信息可以帮助我们快速的获取隐藏在数据中的信息ECharts是一个使用JavaScript实现的开源可视化库，兼容性强，底层依赖矢量图形库ZRender，提供直观，交换丰富，可高度个性化定制的数据可视化图表。官网地址：https://echarts.apache.org/zh/index.html。..._echarts

https://www.qianduange.cn//article/2541.html 分类：前端知识

2024-02-21本文章主要讲述vue2开发可视化大屏,echars图形会随着浏览器窗口大小而自适应,用到了 .flexible.js 插件把屏幕分成24等分达到目的,公司需求是一个页面多个不同的图表.图表有些是相同的,所以我对图表做了个封装,以其中一个图表为例子1-把下载好的flexible.js,放在所需项目里,之后直接导入到可视化大屏页面即可2-页面分成24等分,以1920为例,1rem等于80px,把页面的px全部写为rem单位3-封装的echars代码如下,一个页面多个相同图表,就用ref的方式初始化实例,不然页面_vue2数据大屏怎么实现响应式

https://www.qianduange.cn//article/2431.html 分类：前端知识

2024-02-16以下用饼状图进行演示，其他图形做法相同先看下最终效果： Echarts示例网址：其中，“data-label=Demo”中的“Demo”就是矩形的名称步骤五：替换基础代码中“option = {};” 替换后代码：步骤六：将代码在矩形Demo中引用 保存后运行即可_axure图表插件

https://www.qianduange.cn//article/2177.html 分类：前端知识

2024-02-16Canvas是HTML5提供的一个绘图API，它允许通过JavaScript在网页上动态绘制图形、图像以及进行图形处理。

https://www.qianduange.cn//article/2160.html 分类：前端知识

2024-02-16本篇开始介绍Web2D和3D相关基础知识，会从CSS3的2D/3D转换、过渡、动画，讲到Canvas 2D图形绘制，再到SVG，最后到WebGL。

https://www.qianduange.cn//article/2129.html 分类：前端知识