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

时间:2019-04-09 11:12:01

标签: orgchart

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

1 个答案:

答案 0 :(得分: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>