2024-02-03准备一个具备大小的DOM容器初始化echarts实例对象指定配置项和数据(option)将配置项设置给echarts实例对象完整代码需要了解的主要配置：series xAxis yAxis grid tooltip title legend color通过一个案例详细解释配置：工具栏。内置有导出图片，数据视图，动态类型切换，数据区域缩放，重置五个工具。3 柱状图图表（两大步骤）官网找到类似实例， 适当分析，并且引入到HTML页面中根据需求定制图表3.1_echart柱状图前端代码

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

2024-02-03在vue和echarts联合技术栈的操控下，本专栏提供行之有效的源代码示例。这里既包括样式的修改，又包括常用bug的解决。（1）提供title示例：展示控制标题的颜色、位置、子标题，连接等（2）提供legend示例：展示控制图例的类型、宽度、高度、位置、间隙，边框、阴影、透明度、偏移，字体、颜色，提示语等（3）提供grid示例：展示控制绘图网格的位置、宽度、高度、边框、阴影等（4）提供xAxis示例：展示控制x 轴的位置、类型、名称、字体、对齐方式、边框、阴影、宽度、高度等。_echarts设置边距

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

2024-02-03插件后，当用户访问你的网站时，Vite 将根据用户的浏览器版本动态加载适合其浏览器的构建文件。这样，你可以在现代浏览器中享受更快的开发和构建速度，同时仍然为那些使用旧版浏览器的用户提供良好的体验。请注意，Legacy 构建模式主要用于支持旧版浏览器，如果你的项目不需要支持旧版浏览器或已经使用现代构建模式进行开发，那么无需安装和配置。是 Vite 生态系统中的一个插件，它的作用是为你的 Vite 项目提供对旧版浏览器的支持。确保你的项目已经使用 Vite 进行初始化，并且已经安装了 Vite 相关的依赖。_vitejs/plugin-legacy

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

2024-02-02Content-Type描述了消息体语言字符编码和内容格式，每个Content-Type都包含了多个参数，他们用“；contentType用于告诉服务器请求的数据类型，常见的有。application/json：JSON格式。application/xml：XML格式。image/jpeg：JPeg图片。video/mpeg：视频MPeg。text/html：HTML网页。audio/mpeg：音频MP3。image/gif：GIF图片。text/plain：纯文本。

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

2024-02-02到此，我们肯定要用自己的数据去渲染 echarts 图表，即上述案例中的 title、legend、series 都必须由我们自己的数据来渲染。这里就附上前后端代码了，因为操作比较简单，就简单说一下思路。在 mounted 钩子函数中调用初始化 echarts 图表的方法。template 中定义一个 div ，作为显示圆盘的载体。在 method 中定义初始化 echarts 的方法。main.js，引入 echarts。安装 echarts 依赖。_vue2.0 echart

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

2024-02-01基于SpringBoot和vue的若依后台管理系统---本地部署_set node_options=--openssl-legacy-provider && vue-cli-service serve

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

2024-01-31barCategoryGap:'0%', /*多个并排柱子设置柱子之间的间距*/show: false, //不显示坐标轴线、坐标轴刻度线和坐标轴上的文字。show: false, //不显示坐标轴上的文字。{name: '平均值',type: 'average'}barGap:'0%', /*多个并排柱子设置柱子之间的间距，{name: '最大值',type: 'max'},{name: '最小值',type: 'min'}//barWidth:20, //设置柱子的宽度。_echarts柱状图柱子之间的距离

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

2024-01-30varreg=newRegExp("(^|&)" name "=([^&]*)(&|$)");//构造一个含有目标参数的正则表达式对象。varr=window.location.search.substr(1).match(reg);=null)returnunescape(r[2]);调用getQueryVariable("image")返回"awesome.jpg"调用getQueryVariable("id")返回1。//获取url中的参数。..._jquery 获取url参数

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

2024-01-30可视化Echarts中title、tooltip、legend、grid属性的常用设置_echarts title

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

2024-01-29此处用到的模块功能有上传图片，和调整图片缩放，具体可以参考官网，安装后，进行通过Quill.register()注册模块，然后在配置项进行使用。注意：目前版本暂不支持表格，如果需要使用表格模块，需要安装quill@2.0.0-dev.4。在公共组件components中创建QuillEditor文件夹index.vue。vueQuill是支持vue3的富文本编辑器组件，使用简单方便；1. 安装：（在官网有详细的安装教程）;引入封装好的QuillEditor组件。_vueup/vue-quill

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