Other Exports

Export to Visio

With Visio you have most of the export functionalities as in PDF/PNG Export

Edit in BALKAN Code

Visio options

 
           Copy 
    chart.exportVisio({
        expandChildren: true,
        min: false,
        openInNewTab: true,
        filename: "myChart.vsdx",
        parentLevels: 1,
        childLevels: 1,
        nodeId: id,
        margin: [10, 10, 10, 10],
        padding: 50   
    });
     

Not all the options can work together.

Here is a Code example with all the Visio export options:

Edit in BALKAN Code

Export to SVG

You can add the SVG export as a menu item in the menu:

 
           Copy 
menu: {
    svg: { text: "Export SVG" },
}
 

 
           Copy 
nodeMenu: {
    svg: { text: "Export SVG" },
}
 

Here is the result:

Edit in BALKAN Code

With SVG you can export collpased clildren, given levels of parents or children and styles.

SVG options

 
       Copy 
    chart.exportSVG({
        expandChildren: true,
        min: false,
        openInNewTab: true,
        filename: "myChart.svg",
        parentLevels: 1,
        childLevels: 1,
        nodeId: id,
        padding: 50
    });
     

Here is a Code example with all the SVG export options:

Edit in BALKAN Code

Export to CSV

You can add the CSV export as a menu item in the menu:

 
           Copy 
menu: {
    csv: { text: "Export CSV" },
}
 

 
           Copy 
nodeMenu: {
    csv: { text: "Export CSV" },
}
 

Here is the result:

Edit in BALKAN Code

Export to XML

You can add the XML export as a menu item in the menu:

 
           Copy 
menu: {
    xml: { text: "Export XML" },
}
 

 
           Copy 
nodeMenu: {
    xml: { text: "Export XML" },
}
 

Here is the result:

Edit in BALKAN Code

Export to JSON

You can add the JSON export as a menu item in the menu:

 
           Copy 
menu: {
    json: { text: "Export JSON" },
}
 

 
           Copy 
nodeMenu: {
    json: { text: "Export JSON" },
}
 

Here is the result:

Edit in BALKAN Code

CSV / XML / JSON export options

 
       Copy 
    chart.exportCSV({
        filename: "myChart.csv",
        nodeId: id,
    });
     

Here is a code example:

Edit in BALKAN Code

Export event listeners

You could use onExportStart and onExportEnd methods to change the export behavior.

 
       Copy 
// add before chart.load()
chart.onExportStart(() => {
    console.log("exporting")
});
     

Here is an example of how you could get only the name and the title fiedls, changing args.nodes:

 
   Copy 
// add before chart.load()
chart.onExportStart((args) => {
    if (args.ext == 'csv' || args.ext == 'xml'){
        var newNodes = [];
        for(var i = 0; i < args.nodes.length; i++){
            newNodes.push({
                name: args.nodes[i].name,
                title: args.nodes[i].title
            })
        }
        args.nodes = newNodes;
    }
});
     

Edit in BALKAN Code

Use return false to avoid exporting:

 
       Copy 
// add before chart.load()
chart.onExportStart(() => {
    // add your code here
    return false;
});