javascript - 如何使用 google.visualization.Table 显示精确值

标签 javascript jquery charts google-visualization

我在使用 google.visualization.Table 显示精确值时遇到问题

请看这个JSFiddle以我为例。

尽管提供了更精确的值,但它似乎默认为小数点后 3 位。我想显示整个值(例如 0.000001)。

以下是我使用的数据:

 data.addRows([
          ['Mike',  {v: 0.01}, true],
          ['Jim',   {v: 0.001},  false],
          ['Alice', {v: 0.0001}, true],
          ['Bob',   {v: 0.00001},  true]
        ]);

最佳答案

表格默认会显示格式化后的值

使用对象表示法,您可以提供值 (v:) 和格式化值 (f:)

例如--> {v: 0.00001, f: '0.00001'}

请参阅以下工作片段...

google.charts.load('current', {
  callback: drawTable,
  packages:['table']
});

function drawTable() {
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Name');
  data.addColumn('number', 'Salary');
  data.addColumn('boolean', 'Full Time Employee');
  data.addRows([
    ['Mike',  {v: 0.01, f: '0.01'}, true],
    ['Jim',   {v: 0.001, f: '0.001'},  false],
    ['Alice', {v: 0.0001, f: '0.0001'}, true],
    ['Bob',   {v: 0.00001, f: '0.00001'},  true]
  ]);

  var table = new google.visualization.Table(document.getElementById('table_div'));
  table.draw(data, {showRowNumber: true, width: '100%', height: '100%'});
}
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="table_div"></div>

关于javascript - 如何使用 google.visualization.Table 显示精确值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45848130/

相关文章:

javascript - jquery 用户界面 slider 。请帮忙改正

javascript - 如何使用 React Native 项目中的普通 JS 文件?

javascript - jQuery 动画根本不起作用

javascript - 如何在 javascript/jquery 事件后更改 Django 中的服务器端数据?

Excel 2010 宏有运行时错误 -2147467259 (80004005) : Invalid parameter

javascript - Jquery:当悬停在菜单项上时,显示文本

jquery - 如何停止页面底部的 float 菜单

javascript - Angular-Chart 无法读取未定义的属性 'skip'

vba - 以编程方式访问图表源数据名称

c# - 模式对话框未关闭