有通过css做出来但是没办法通过后台控制黄色部分，所以想知道各位有什么办法怎么使用vue通过数组形式操作
1条回答 默认 最新
幻灰龙 2021-03-07 17:59关注- 选项1: 黄色部分是你自己加的 div 吧，脚本控制位置和长宽就好了。可以让这个 div 使用相对位置（相对于灰色底色的父元素），再用 JavaScript 脚本动态改变位置和长宽。
- 选项2: 使用 SVG 来画。
- 选项3: 找其他图表库之类，不过如果不满足你的需求你也一样需要定制
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决评论 打赏无用 1举报
分享
- 2025-04-18 00:43它以条形图的形式表示项目中每个任务的开始和结束时间，帮助项目管理者更直观地掌握项目进度和资源分配情况。随着现代网页应用的兴起，基于Web技术开发的甘特图工具变得越来越受欢迎，因其部署方便，兼容性和可维护...
- 2020-05-14 09:34在IT行业中，甘特图是一种常用的项目管理工具，它通过条形图来显示项目的时间进度，使得任务的开始和结束日期、持续时间等信息一目了然。在Web开发领域，利用前端框架如Vue.js来实现甘特图，可以极大地提升用户体验...
- 2022-07-22 10:57在甘特图区域，我们需要根据任务列表中的数据来绘制每个任务的条形图。这可以通过使用`<div>`元素和绝对定位来实现。例如： ```html ; left: 25%; background-color: #33cc33;"> <!-- 添加更多任务条形图 --> `...
- 2022-11-23 18:39情天可视化的博客 在vue中使用antV-G2展示基础条形图G2 是一套基于图形语法理论的可视化底层引擎，以数据驱动，提供图形语法与交互语法，具有高度的易用性和扩展性。使用 G2，你可以无需关注图表各种繁琐的实现细节，一条语句即可使用...
- 2022-05-08 22:22Wclycj的博客 Vue+D3 绘制条形图饼图,和力导向图准备：D3代码1.条形图2.饼图总结 本篇blog在于把已经编写好的D3代码从一般HTML文件迁移到Vue框架中，关于D3的技术不予讨论 准备：D3代码 条形图 1.条形图 代码如下（示例）： ...
- 2023-08-30 20:34在计算机软件工程领域，开发一个能够通过浏览器展示数据库中数据的条形图或柱状图的应用是一项常见的任务，尤其在毕业设计中。本项目采用前后端分离的架构，利用Vue.js作为前端框架，Spring Boot作为后端框架，实现...
- 2024-06-26 08:55码喽的自我修养的博客 大家好，我是码喽的自我修养！今天给大家分享Vue项目和微信小程序如何生成二维码和条形码，介绍了JsBarcode、wxbarcode等插件，并提供具体代码帮助大家深入理解，彻底掌握！
- 2022-09-18 10:27KinHKin(七年前端)的博客 在做数据平台开发时候，大数据驱动页面的情况很常见，并且大数据的展示，一般以图表类，居多，掌握一种图表往往不够，比如会echarts，但是 echarts有很多图表效果满足不了需求，就如现在我开发的径向条形图，echarts...
- 2024-07-11 19:44ScriptEcho的博客 未来，该条形图功能可以进一步扩展和优化，例如：添加缩放和平移功能，以便用户可以放大或缩小图表。支持其他类型的图表，例如折线图、饼图和散点图。整合其他数据源，例如 API 或数据库。提供自定义选项，允许用户...
- 2021-07-23 16:10加油小吃货的博客 jsbarcode是一个不依赖任何库/框架的条形码生成库，使用原生JavaScript写成。 npm安装 npm i jsbarcode 页面/组件 <template> <!-- 条形码容器，可选svg、canvas，或img标签 --> <svg id=...
- 没有解决我的问题, 去提问
问题事件
系统已结题
3月8日
已采纳回答
2月28日