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

Posted 2023-02-16

【中文标题】如何将节点传递给 BalkanOrgchart js 以及如何为每个节点应用颜色？

【英文标题】：How to pass nodes to BalkanOrgchart js and how to apply colours for each node?

【发布时间】：2019-08-30 16:03:52

【问题描述】：

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

【参考方案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”添加到 Angular cli 6 中吗？你有任何 npm 文件吗？