如何使用google.visualization.Table显示确切的值

时间:2017-08-23 19:43:35

标签: 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]
        ]);

1 个答案:

答案 0 :(得分:1)

表格默认显示格式化值

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

e.g。 - > {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>
&#13;
&#13;
&#13;