如何将节点传递给 BalkanOrgchart js 以及如何为每个节点应用颜色？

Question

我已将节点数据创建为 json 格式。但是，我需要通过 ajax 将节点数据传递给 BalkanOrgchart。但是，没有与此相关的文件。而且，我为每个节点设置了颜色。我的意思是不同的颜色。但是，它不会反映在 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>

如何将节点传递给 BalkanOrgchart js 以及如何为每个节点应用颜色？

How to pass nodes to BalkanOrgchart js and how to apply colours for each node?

orgchart