2024-02-03 12:02:35
172
478
Echarts数据可视化 第4章 Echarts可视化图 4.5 气泡图_echarts散点图动态控制气泡大小
2024-02-03 12:02:32
906
157
象形柱图是echarts提供的一种2d图表，它以标准的矩形柱图为容器，允许我们通过配置symbol的方式在容器中实现个性化的图形效果，类比起来相当于图标按钮或图片按钮的实现思路。x，y，x2，y2：取值范围 0 - 1，表示颜色在图形容器中的百分比，用于表示渐变方向，也就是css linear-gradient的第一个参数，其中x表示左，x2表示右，y表示上，y2表示下。symbolOffset：图形相对与基准定位的偏移量，值为 [left, top] ，可以是具体值，也可以是（相对自身尺寸的）百分比。_echarts 立体堆叠柱状图
2024-02-03 12:02:29
240
8
这样就展示了一个动态组件的完整用法,可以方便地在不同组件间进行切换并传递数据。动态组件非常适合需要根据不同条件展示不同内容的场景,掌握它可以更灵活地构建组件。动态组件component是Vue中非常实用的一个功能,它可以根据条件动态切换不同的组件。本文将详细介绍其用法。这样就可以通过修改currentComponent的值,来动态切换ComponentA和ComponentB了。需要注意的是,对于动态组件,Vue会在组件切换时销毁前一个组件实例并创建新实例。所以切换动态组件时不会保留组件的状态。_vue3 component
2024-02-03 12:02:29
517
27
本文使用echarts和工具栏组件toolbox绘画地图，使用echarts和toolbox 进行数据可视化时可提供直观、交互丰富，可高度个性化定制的数据可视化图表。ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。ECharts 提供了常规的折线图柱状图散点图饼图K线图。_echarts toolbox
2024-02-03 12:02:28
915
168
实际效果安装插件pnpm install vue-pdf-embedpnpm install vue3-pdfjs左侧pdf菜单组件<template> <div class="pdf-view-list"> <div class="item active-item" v-for="(item, index) in pageTotalNum"..._vue-pdf-embed
2024-02-03 12:02:28
1067
432
Framework.vue中通过路由出口，展示了Main.vue组件，但是现在需要在Main.vue组件中去调用Framework.vue组件中的方法，可以有以下几种做法。_router-view ref 调用子组件方法
2024-02-03 12:02:28
639
270
本系列将带领大家学习Vue3 TS vite构成的前端工程化内容，本篇文章重点带领大家搭建Vue3 Ts版本项目！_vue ts版本
2024-02-03 12:02:15
642
77
上一篇中我们学习了vue.js 的模板语法、指令、用户输入等知识点.，现在让我们接着Vue系列的学习，带你成为优质前端程序员。Vue系列条件语句和循环语句在开发中的作用不可或缺。例如生成动态表格、生成多个相似组件，这里面都有它们的影子。Vue.js的条件语句用于根据给定的条件来决定是否展示或渲染特定的内容。简单来说就是true和false，分别对应不同的操作。以下是Vue.js中几种常用的条件语句指令：v-if语句v-if 指令根据条件的真假来判断是否渲染某个元素或组。_vue.js前端框架技术与实战 实训五
2024-02-03 12:02:07
603
628
计算属性的值是由它们的函数逻辑计算得出的，而不是通过直接赋值来设置的。解决方案就是当你发现无论如何怎么修改计算属性的值都没有变化的时候，看一看data中与props中是否有根计算属性同名的变量，这时候就要考虑是要删除该变量，还是改变计算属性的命名了。如果你希望修改一个计算属性的值并使其生效，你需要通过修改计算属性所依赖的数据来触发重新计算。通过第一种情况我们知道了，要修改计算属性的值，必须要修改计算属性的依赖变量，但有一种情况及时修改了依赖变量的值，计算属性的值任然不会变化。_不能使用computed属性