css - 使用 google orgchart API 时是否有向特定节点添加类？

Question

我正在使用谷歌组织结构图 API。 我想为特定节点设置样式，但无论如何我都看不到在特定节点上添加 className 或 id 以使用 css 设置样式。

我看到您可以更改所有节点上的样式，但无论如何我看不到在单个节点上执行此操作

这可能吗？

Answer 1

您可以在 DataTable 行上为要设置样式的节点设置“样式”和“selectedStyle”属性（请参阅OrgChart 自定义属性）。

如果您特别需要使用一个类，那么您唯一的选择是设置单元格的格式化值以将内容包装在<div>所需的类中。

Answer 2

如果要在 JSON 文字中指定样式，可以使用p:{style: 'some styling here'}行对象的属性。但是，您不能在p属性中指定类定义:(

JSON 示例：

var dataAsJSON = {
      cols:[{type:'string'},{type:'string'},{type:'string'}],
      rows:[
        {c:[{v: '0', f: 'Final Fantasy'}, null, {v: 'First Root'}], p:{style: 'background-color:violet;'}},
        {c:[{v: '1', f: 'DmC'}, null, {v: 'Second Root'}], p:{style: 'background-color:lime;'}},
        {c:[{v: '2', f: 'Cloud Strife'}, {v: '0'}, null]},
        {c:[{v: '3', f: getFormattedCell('Vincent Valentine')}, {v: '0'}, null]},
        {c:[{v: '4', f: 'Sephiroth'}, {v: '2'}, null]},
        {c:[{v: '5', f: 'Dante'}, {v: '1'}, null]},
        {c:[{v: '6', f: 'Nero'}, {v: '1'}, null]}
      ]
    };