使用 php 的简单水平条形图

2023-12-13

我见过一个 Facebook 应用程序,其中单击单选按钮会呈现一个图表。

如下所示:

alt text

alt text

我想知道是否有任何类似的图形库可以通过它在 php 中生成相同的图形。

Thanks,

Pankaj


实际上,生成这种图非常简单 - 只需使用两个DIVs - 一个是 100% 宽度的条,另一个 DIV 位于第一个 DIV 中,使背景颜色为您需要的 %。您甚至可以在其中包含文本。简单,只是简单的 HTML/CSS。

UPDATE:

HTML:

<div class="bar">
    <div class="percentage" style="width:66%">This is 66% wide div</div>
</div>

CSS:

.bar { width: 99%; border: 1px solid #000; }
.percentage { background: #000; }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 php 的简单水平条形图 的相关文章

随机推荐

  • 关闭 XCode CoreData 模型的 codegen

    我自己在 XCode 中使用已声明的类制作 CoreData 模型 编译器代码为我生成了重复项 如何摆脱它 在数据模型编辑器中 将右侧数据模型检查器中的 Codegen 选项更改为 手动 无 遗憾的是 据我所知 您必须分别为每个实体执行此操
  • 将数组值添加到 MongoDB 中,其中元素不在数组中

    在 MongoDB 中 这是我的简化结构account文档 id ObjectId 5a70a60ca7fbc476caea5e59 templates name Password Reset content AAAAAAAA name W
  • 在python中将ndjson转换为json

    我需要在 python 中将 ndjson 对象转换为 json 我看到 pypi org 中有一个库 但我无法使用它 这是 ndjson 0 3 1 license mit count 1551711 license apache 2 0
  • 捕获 C# 表单上的关闭事件

    嘿 我并不是想在这里碰碰运气 但我还有另一个 c 问题 我已经尝试了使用谷歌找到的所有可能的事件 这是代码 private void Form1 OnClose MessageBox Show I was closed 2 private
  • 使用 Action-Cable 的 Ruby-on-Rails 应用程序在开发中运行,但在生产模式中失败

    当从 GPS 接收器收到消息时 我的 RoR 应用程序使用 Action Cable 更新页面 这在开发模式下工作得很好 但在生产模式下浏览器不会收到页面更新 顺便说一句 这是在 Docker 容器中运行的 浏览器出现 404 错误 Err
  • vCard .vcf 文件下载浏览器支持 - godaddy [关闭]

    Closed 这个问题需要细节或清晰度 目前不接受答案 我在网站上有一个下载 vCard vcf 链接 它可以在本地运行 但不能在线运行 只需在浏览器中打开文件而无需下载 我宁愿不用压缩它 仔细阅读后发现我需要这样写 AddType tex
  • 如何增加 ASP.NET 中的最大上传文件大小?

    我有一个接受 ASP NET 中文件上传的表单 我需要将最大上传大小增加到默认值 4 MB 以上 我发现在某些地方引用了以下代码msdn ConfigurationPropertyAttribute maxRequestLength Def
  • Powershell - 仅打印引号之间的文本?

    如何让以下文本的输出仅显示引号中的文本 不带引号 示例文本 this is an apple it is red this is an orange it is orange this is an blood orange it is re
  • 如何使用 LINQ 在集合中选择集合?

    我有以下结构 public class ToolSettings public string Extension get set public ObservableCollection
  • 如何检测 Latin1 编码列中的 UTF-8 字符 - MySQL

    我即将承担将数据库从 Latin1 转换为 UTF 8 的繁琐且充满陷阱的任务 此时 我只想检查表中存储的数据类型 因为这将确定我应该使用什么方法来转换数据 具体来说 我想检查 Latin1 列中是否有 UTF 8 字符 最好的方法是什么
  • this._callback.apply 不是一个函数! Node.js Mysql错误

    控制器代码 app post savedata function req res var cope req body console log On server side console log cope Client ID var que
  • 在java中以300dpi打印到硬打印机

    好吧 我刚刚开始编写一个应该打印出图形的程序 我的几乎与位于此处的 Oracle 受版权保护的一模一样http docs oracle com javase tutorial 2d printing examples HelloWorldP
  • WooCommerce 3 中的条件产品价格购物车问题

    我修改了一个函数来为我的一些会员创建自定义价格 即正常价格为 1 美元 但如果您是铜牌会员 则为 2 美元 银牌会员为 3 美元 依此类推 价格在商店和单品页面上发生变化 但是 当产品添加到购物车时 价格将恢复为原始金额 我是否应该添加额外
  • 以非 root 用户身份运行厨师客户端

    我想在我的 Linux 机器上以测试用户身份运行 Chef client 为此 我在 client rb 文件中添加了来自 etc chef client rb 的缓存路径 cache path chef cache 然后我从测试用户 非r
  • 如何使用 Laravel Sanctum 和 React 修复 401 Unauthorized 错误?

    我有以下设置 Laravel 与 Homestead 一起运行 Domain laravel api test指向我的 Homestead 环境 使用自定义主机在本地运行 React npx create react app app lar
  • 从顺序很重要的未排序的 2D 点数组中插值轨迹

    我需要一种从 Nx2 点数组获取 Lx2 轨迹的方法 即将这些点连接成单个轨迹的方法 例如 从 5x2 点数组创建 10000x2 点数组 我尝试过使用interp1 and interp2但要么我不完全理解他们 要么他们没有做我需要的事情
  • Pandas 重新索引以填充缺失的日期,还是更好的填充方法?

    我的数据是工厂的缺勤记录 有些日子没有缺勤 因此没有记录当天的数据或日期 然而 与所示的其他示例相比 这变得很棘手 在任何一天 都可能由于各种原因而出现多次缺勤 数据中的日期与记录的比率并不总是 1 1 我希望的结果是这样的 index S
  • iPhone 上的网络可达性

    也许有一个好方法来确定我是否有互联网连接 3G或无线网络 谢谢 以下是一个名为 Google 的新搜索引擎揭示的内容 iPhone SDK 测试网络可达性
  • 仅当匹配阈值字节时才填充映射中的字符串值

    我有一个tasks我正在迭代并将每个任务对象附加到的列表对象StringBuilder随后是新行 如下所示 现在 我将继续在同一字符串生成器中附加任务对象 直到其达到 60000 字节的大小限制 一旦达到限制 我将将此字符串填充为映射中的值
  • 使用 php 的简单水平条形图

    我见过一个 Facebook 应用程序 其中单击单选按钮会呈现一个图表 如下所示 我想知道是否有任何类似的图形库可以通过它在 php 中生成相同的图形 Thanks Pankaj 实际上 生成这种图非常简单 只需使用两个DIVs 一个是 1