了解 Google DataTable 前缀

Question

Google DataTable 将此字符串作为架构和数据值：

{ 
cols: [{id: 'task',  label: 'Task',          type: 'string'}, 
      {id: 'hours', label: 'Hours per Day', type: 'number'}], 
rows: [{c:[{v: 'Work'},     {v: 11}]}, 
      {c:[{v: 'Eat'},      {v: 2}]}, 
      {c:[{v: 'Commute'},  {v: 2}]}, 
      {c:[{v: 'Watch TV'}, {v:2}]}, 
      {c:[{v: 'Sleep'},    {v:7, f:'7.000'}]} 
     ] 
} 

什么是 v、f、c？

Answer 1

文档，看起来，您可以在其中找到示例中的结构描述链接：

opt_data
[可选] 用于初始化表的数据。这可以是通过在填充表上调用 DataTable.toJSON() 返回的 JSON，也可以是包含用于初始化表的数据的 JavaScript 对象。 此处描述了 JavaScript 文字对象的结构。如果未提供此参数，将返回一个新的空数据表。

这导致：

行属性

rows 属性保存一个行对象数组。
每个行对象都有一个名为 c 的必需属性，它是该行中的一组单元格。它还具有一个可选的 p 属性，该属性定义要分配给整行的任意自定义值的映射。如果您的可视化支持任何行级属性，它将对其进行描述；否则，该属性将被忽略。

单元格对象

表中的每个单元格由具有以下属性的对象描述：

• v [可选] 单元格值。数据类型应与列数据类型匹配。如果为 null，则整个对象应该为空，并且既没有 v 也没有 f 属性。
• f [可选] v 值的字符串版本，经过格式化以供显示。这些值应该匹配，因此如果您为 v 指定 Date(2008, 0, 1)，则应为此属性指定“January 1, 2008”或类似的字符串。该值不会根据 v 值进行检查。可视化不会使用该值进行计算，仅作为显示的标签。如果省略，将使用 v 的字符串版本。
• p [可选] 一个对象，它是应用于单元格的自定义值的映射。这些值可以是任何 JavaScript 类型。如果您的可视化支持任何单元格级属性，它将描述它们；否则，该属性将被忽略。 示例： p:{style: 'border: 1px Solid green;'}.