Google Charts API DataTable 单元格颜色答案

【问题标题】：Google Charts API DataTable Cell ColorGoogle Charts API DataTable 单元格颜色
【发布时间】：2011-11-22 15:32:40
【问题描述】：

我正在尝试使用Google Charts API 来显示DataTable，它的一些单元格的颜色取决于它们的值。该表生成正常，但我的样式属性均未应用于单元格。根据文档，我应该能够使用 p 值设置单元格值：

p [可选] 一个对象，它是应用于单元格的自定义值的映射。这些值可以是任何 JavaScript 类型。如果您的可视化支持任何单元级属性，它将描述它们；否则，该属性将被忽略。示例：p:{style: 'border: 1px solid green;'}.

我将 Perl 生成的 JSON 对象传递给 DataTable 构造函数。 JSON 对象如下所示：

{"cols":[{"pattern":"","type":"string","label":"alias","id":""},
        {"pattern":"","type":"string","label":"state","id":""},
        {"pattern":"","type":"string","label":"server_name","id":""},
        {"pattern":"","type":"number","label":"connections","id":""},
        {"pattern":"","type":"number","label":"sessions","id":""},
        {"pattern":"","type":"number","label":"queues","id":""},
        {"pattern":"","type":"number","label":"topics","id":""},
        {"pattern":"","type":"number","label":"durables","id":""},
        {"pattern":"","type":"number","label":"pending_message","id":""}
    ],
"rows":[
        {"c":[{"v":"live1"},
        {"p":{"style":"border: 1px solid green;"},"v":"Active"},
        {"v":"serice1"},{"v":"580"},{"v":"1177"},{"v":"632"},{"v":"200"},{"v":"68"},{"v":"69"}
    ]},
    {"c":[
        {"v":"live2"},
        {"p":{"style":"border: 1px solid green;"},"v":"Active"},
        {"v":"service2"},{"v":"68"},{"v":"1481"},{"v":"164"},{"v":"48"},{"v":"4"},{"v":"2592"}
    ]},
    {"c":[
        {"v":"uat1"},
        {"p":{"style":"border: 1px solid green;"},
        "v":"Active"},{"v":"service3"},{"v":"299"},{"v":"1072"},{"v":"305"},{"v":"111"},{"v":"39"},{"v":"17"}]},
    {"c":[
        {"v":"uat2"},
        {"p":{"style":"border: 1px solid green;"},
        "v":"Active"},{"v":"service4"},{"v":"115"},{"v":"1755"},{"v":"302"},{"v":"79"},{"v":"9"},{"v":"1"}]
    }],
"p":null}

谁能看到我做错了什么，或者有一个DataTable 的示例 JSON 对象结构，其样式应用于单元格或行？

【问题讨论】：

标签： javascript json perl google-visualization

【解决方案1】：

好吧，看来我错过了什么：

在 dataTable 选项中你必须设置 'allowHtml: true' 然后将接受所有格式属性，希望这可以节省一些人的时间，尽管这很明显：-s

【讨论】：