Как передать узлы в BalkanOrgchart js и как применять цвета для каждого узла?

Question

Я создал данные узлов в формате json.Но мне нужно передать данные узлов в BalkanOrgchart с помощью ajax.Но нет никакого документа, связанного с этим.И я установил цвета для каждого узла.Я имею в виду разные цвета.Но это не отражается на экспорте в PDF.

Answer 1

Чтобы добавить CSS при экспорте, установите параметр extrahtml

Вот пример:

js

menu: {
    exportPdf: {
        text: 'Export PDF',
        icon: OrgChart.icon.pdf(24,24),
        onClick: function(){chart.exportPDF({
            extraHtml: document.getElementById('myStyles').outerHTML
        })}
    }
},

CSS

<style id="myStyles">
    .node{
        font-family: Helvetica;
    }
    .node.QA rect {
        fill: #ffffff;
    }

    .node.QA text {
        fill: #F57C00;
    }


    .node.Marketing rect {
        fill:#ffffff;
    }

    .node.Marketing text {
        fill: #FFCA28;
    }
</style>