Есть ли способ добавить класс к определенному узлу при использовании API-интерфейса google orgchart?

Question

Я использую google org chart API. Я хотел бы создать конкретный узел, но я все равно не хочу добавлять имя класса или идентификатор на конкретном узле, чтобы затем использовать стиль css.

Я вижу, что вы можете изменить стиль на всех узлах, но я не вижу, во всяком случае, чтобы сделать это на одном узле

Возможно ли это?

Answer 1

Вы можете установить свойства «style» и «selectedStyle» в строке DataTable для узла, который хотите стилить (см. OrgChart custom properties).

Если вам нужно использовать класс, то единственным вариантом является установка форматированного значения ячейки для обертывания содержимого в <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]} 
     ] 
    };