向 Google 仪表添加 % 符号

2024-03-31

我正在使用 Google 仪表,并且想在仪表中的值后面添加一个 % 符号。我的值显示良好,没有百分比符号(整数 0 - 100),但是当我开始尝试添加百分比符号时,事情变得不稳定。

这是我尝试过的

// Format the data to include % symbol
var formatter = new google.visualization.NumberFormat(
    {suffix: '\u0025'}
    //{suffix: '%'}
    //{pattern: '#%'}

);

所有三种尝试都显示了正确的可视化,但对于实际值文本,我得到了不同的结果。

使用任一后缀方法都会添加两位小数:

6 => 6.00%

26 => 26.00%

等等

使用模式方法将值乘以 100

6 => 600%

26 => 2600%

等等

关于如何简单地显示值和百分比符号有什么线索吗?


这比这一切更简单。如果您只是制作一个数字格式化程序,请指定pattern,以及suffix,一切就绪:

http://jsfiddle.net/fHnnn/ http://jsfiddle.net/fHnnn/

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

向 Google 仪表添加 % 符号 的相关文章

  • 使 Google 可视化 - 注释图表在 GWT 中工作

    我正在使用新发布的注释图表 https developers google com chart interactive docs gallery annotationchart在 gwt 中通过调用本机 javascript 到目前为止我得
  • google.visualization.DataTable() 合并行

    我在 Google DataTable 中有这些数据 我需要合并具有相同日期的行 所以结果是 DataTable 中是否有内置方法可以实现此目的 或者有人可以给我提示如何执行此操作 而无需典型地迭代表并比较每一行 这是我现在正在尝试的 js
  • Google Charts 次轴折线图

    我目前正在学习一些带有网络编辑的谷歌图表 以扩大我的知识 但我遇到了一个无法解决的问题
  • 使用注释移动 Google 图表列注释位置:线

    使用下面的示例 是否可以移动注释 以便在使用时它们全部出现在图表底部的相同 静态 位置style line 这使得注释垂直阅读 google charts load current callback function drawChart w
  • 如何使用 google 图表 api 创建直方图?

    除了使用柱形图并适当命名之外 是否可以在谷歌图表 API 中创建直方图 添加到 mattedgod 的答案中 柱形图can现在创建的条形间隔紧密 请使用以下选项 bar groupWidth 100
  • Google Charts API:直方图,如何融合条形图并将 x 刻度更改为整数

    我正在使用 Google Chart API 创建直方图 并希望修改条形图以与旁边的条形融合 并将 xticks 更改为整数 问题 我该如何执行以下操作 将这些条与旁边的条融合在一起 使 h x 刻度显示为ints 电流输出 理想输出 相关
  • GeoChart Google 可视化未在 ASP.NET 中显示某些国家/地区

    有一个错误对我来说很难解决 但我设法将其范围缩小到可以重现的简单步骤 1 前往https developers google com chart interactive docs gallery geochart https develop
  • 从 Python 生成图形的最简单方法? [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我正在使用 Python 处理填充有我想要运行计算的数据的 CSV 文件 然后绘制图表 我正在寻找一个可
  • 创建 Google 图表并转换为图像服务器端

    我目前在我的网站上的几个地方实现了谷歌图表 我可以将它们转换为图像并下载它们 那很简单 现在我希望创建这些图表并将它们转换为服务器上的图像 我做了很多搜索 但没有找到任何例子 也没有提出任何问题 这开始让我认为这是不可能的 我知道这些图表通
  • Google Charts API 平滑折线图

    有谁知道如何创建具有平滑线而不是锯齿线的折线图 我认为我的图表会通过平滑的线条更好地呈现给最终用户 下面是一个示例 URL From Google 图表 API 文档 https developers google com chart in
  • 带组的 Google 柱形图

    我的数据格式 Group Count Month Year A 10 February 2015 B 8 February 2015 C 15 February 2016 我将使用过滤器来显示按组列分隔的每个月的数据 X axis会有团体
  • 导出谷歌图表?

    我编写此代码是为了创建图表 表格和工具栏 google load visualization 1 packages corechart google load visualization 1 packages table google se
  • 如何在另一个div中克隆和重新绘制谷歌图表?

    我很难弄清楚如何做到这一点 因为我对谷歌图表不太熟悉 我正在使用pivotTable js 一切正常 但我想 保存 或有一个按钮 将当前创建的图表克隆到另一个div 我做了一个全局变量 var wrapper 这是为了保存图表 wrappe
  • 如何在 Google Charts 中获取带有 svg 内图像的 png(base64)?

    如何获取 svg 内图像的 base64 检查这个Fiddle http jsfiddle net R8A8P 51 这是我从另一个问题中得到的 如果您看到第二个图形 则它不会生成覆盖该条的图像 var chart new google v
  • 谷歌图表增加y轴宽度增加

    如何增加 Google 图表 y 轴宽度 请找到图片 左侧全文未正确显示 请指导我 如何增加谷歌图表y轴宽度 https i stack imgur com jl1L2 jpg 需要调整图表和chartArea中的大小options 要为左
  • 给单元格着色 Google Chart - 散点图

    我在我的一个项目中使用谷歌图表 我需要使用以下代码为谷歌散点图中的一组单元格着色 我在用google visualization arrayToDataTable用于处理数据 以下是我的代码 div div
  • 谷歌折线图:如何添加单位?

    https google developers appspot com chart interactive docs gallery linechart Example https google developers appspot com
  • 使用 gchart (googlecharts) gem 时出错 - NameError: 未初始化的常量 Gchart

    http googlecharts rubyforge org http googlecharts rubyforge org 我安装了它 sudo gem 安装 googlecharts 它安装得很好 但每当我尝试使用它时 我都会得到 N
  • Google 脚本图表默认排除标题

    使用以下脚本 function chartCreation var ss SpreadsheetApp getActive var sheet ss getSheetByName Sheet1 var chart sheet newChar
  • TypeError: 使用 ajax 时 google.load 不是一个函数

    我正在使用 Google 图表 termcloud 来显示一些数据 我可以让它作为页面上的静态功能正常工作 但是当我尝试通过 ajax 加载图表及其资产时 它似乎一直抛出错误 TypeError google load is not a f

随机推荐

  • 解析 NSURL mailto

    如何解析 mailto 请求 mailto email protected cdn cgi l email protection email protected cdn cgi l email protection subject This
  • 为什么 Python 将制表符视为 8 个空格?

    使用 4 个空格的制表符宽度已成为编程中的主要选择 那么为什么 Python 不将制表符视为 4 个空格而不是 8 个空格呢 这个设计决定有 技术 历史 其他 原因吗 感觉这可以让开发人员免于因缩进不一致而苦苦挣扎 由于Linux控制台中默
  • 使用请求方法登录Cypress

    我注册并登录用户 但是 当在测试中导航到身份验证后面的页面时 Cypress 失败并将我带回登录页面 从它的外观来看 before函数已成功执行 由 API 日志验证 这是我的代码 describe Dashboard page gt be
  • 切换到相同数据类型的对象后,DataTemplate 不刷新

    我有以下ControlTemplate
  • 如何在 Java 或 Python 中使用文件系统缓存?

    A 最近关于 Elasticsearch 的博客文章 http www elasticsearch org blog elasticsearch 1 4 0 beta released 网站正在谈论他们新的 1 4 beta 版本的功能 我
  • 创建不兼容的数字子类型

    在 Ada 中 可以创建不兼容的等效数字类型 type Integer 1 is range 1 10 type Integer 2 is range 1 10 A Integer 1 8 B Integer 2 A illegal 这可以
  • 在 if 语句中使用 or (Python) [重复]

    这个问题在这里已经有答案了 我只是写一个简单的 if 语句 仅当用户键入 Good 时 第二行才计算为 true 如果 太棒了 输入后 它将执行 else 语句 我可以不使用或喜欢这个吗 我需要逻辑还是 weather input How
  • 我在 Visual Studio 中的项目是只读的。我做了什么?

    我一定是做错了什么 我在 Visual Studio 2008 中有一个 C 项目 突然 我看到我的类上有一个锁 当我将类名称悬停在顶部选项卡上时 我看到类名称为 C Myprojects Oder cs 只读 你以前发生过类似的奇怪事情吗
  • 未根据 OPTIONS 请求发送 Cookie

    对于我正在开发的 Angular 1 应用程序 使用了 cookie 身份验证 问题是 制作时OPTIONS调用 cookie 不会发送 服务器会尝试重定向用户以再次登录 只是想知道 这是谁的 错 服务器 Azure API 应用程序 还是
  • 错误:“_UserObject”对象没有属性“预测”

    我正在构建一个针对数据序列进行机器学习的 ANN 模型 当我调用模型来验证测试数据时 出现错误 model Sequential model add Dense 8 activation tanh input dim 10 model ad
  • PowerShell 脚本问题运算符

    我尝试在部署更新的驱动程序之前使用 PowerShell 检测 Intel NIC 驱动程序 我对脚本进行了一些更改以进行故障排除 以确保捕获正确的驱动程序版本 并最终验证操作符的正确使用 我可能不是 Change DeployVersio
  • 如何迭代天数

    我有一个循环 days this 的代码来制作叶子 我希望列签到和签出出勤将自动填充 从开始日期开始 到结束日期结束 exp I input startdate 2012 11 08 01 30 00 enddate 2012 11 10
  • Javafx字体派生粗体

    我想为我的 javafx 应用程序动态更改 加载的 文本字体 所以我做了以下代码 Font font Font loadFont Fonts class getClassLoader getResource path font woff t
  • 将变量从 Symfony2 传递到 Angular 范围的最佳方法

    作为许多其他开发人员面临的常见场景 我们有一个基于 Symfony2 TWIG 的成熟应用程序 并且一些 html twig 模板因 jQuery 代码过多而难以维护 抛弃 jQuery 并使用 Angular 怎么样 假设我有一些关于 A
  • 如何覆盖 net core web api 中的 OnAuthorization?

    早些时候我在 asp net 中实现了类似的东西 public class Authentication AuthorizationFilterAttribute public override void OnAuthorization H
  • 需要使用 d3 geoPath.projection(null) 缩放已经投影的数据

    基于 d3 1 4 版 文档https github com d3 d3 geo blob master README md geoProjection https github com d3 d3 geo blob master READ
  • 如何在不使用 zip() 的情况下将不同类型的 Future 组合成一个 Future

    我想创造一个类型的未来Future Class1 Class2 Class3 从下面的代码 然而 我发现做到这一点的唯一方法是使用 zip 我发现这个解决方案很丑陋而且不是最佳的 谁能启发我 val v for a lt val f0 Fu
  • 如何把照片贴在墙上?

    有人成功地将图片发布到当前用户的墙上吗 这是行不通的 如果图片参数是现有的图片 url 则不会显示 我正在使用最新的 FB C SDK 5 0 8 Beta var args new Dictionary
  • 如何重新加载 vue 组件?

    我知道解决方案是像这样更新道具数据 this selectedContinent 但我想使用另一种解决方案 在我阅读了一些参考资料后 解决方案是 this forceUpdate 我尝试了一下 但不起作用 演示和完整代码如下 https j
  • 向 Google 仪表添加 % 符号

    我正在使用 Google 仪表 并且想在仪表中的值后面添加一个 符号 我的值显示良好 没有百分比符号 整数 0 100 但是当我开始尝试添加百分比符号时 事情变得不稳定 这是我尝试过的 Format the data to include