无论如何,在使用google orgchart API时,是否要将类添加到特定节点?

时间:2013-10-03 03:20:31

标签: css google-visualization orgchart

我正在使用google org chart API.我想为某个特定节点设置样式,但我还是没有看到在特定节点上添加className或id然后使用css进行样式化。

我看到你可以在所有节点上更改样式,但我不会在单个节点上看到它

这可能吗?

2 个答案:

答案 0 :(得分:1)

您可以在DataTable行上为要设置样式的节点设置“style”和“selectedStyle”属性(请参阅OrgChart custom properties)。

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

答案 1 :(得分:0)

如果要在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]}
      ]
    };