Hi I took this example from fusioncharts site. here is the html file with JSON string.
But I need it in XML. I don't know how to convert it. Please help. Thank you.
<html>
<head>
<title>My first chart using FusionCharts Suite XT</title>
<script type="text/javascript" src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
<script type="text/javascript" src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
<script type="text/javascript">
const dataSource = {
"chart": {
"dateformat": "mm/dd/yyyy",
"caption": "Event Planning Process",
"theme": "fusion",
"canvasborderalpha": "40",
"ganttlinealpha": "50"
},
"tasks": {
"color": "#5D62B5",
"task": [
{
"start": "03/07/2018",
"end": "03/17/2018"
},
{
"start": "03/14/2018",
"end": "03/28/2018"
},
{
"start": "03/15/2018",
"end": "03/31/2018"
},
{
"start": "04/02/2018",
"end": "04/12/2018"
},
{
"start": "04/12/2018",
"end": "04/30/2018"
},
{
"start": "04/20/2018",
"end": "05/06/2018"
},
{
"start": "04/30/2018",
"end": "05/10/2018"
},
{
"start": "04/30/2018",
"end": "05/25/2018"
},
{
"start": "05/04/2018",
"end": "06/05/2018"
}
]
},
"processes": {
"headertext": "Task",
"headeralign": "left",
"fontsize": "14",
"isbold": "0",
"align": "left",
"process": [
{
"label": "Define event goals"
},
{
"label": "Source venue options"
},
{
"label": "Finalize speaker reach out list"
},
{
"label": "Compose sponsorship strategy"
},
{
"label": "Reach out to sponsors"
},
{
"label": "Create social media campaign"
},
{
"label": "Reach out to blogs for backlinks"
},
{
"label": "Optimize SEO ranking"
},
{
"label": "Publish event lead up vlog series"
}
]
},
"categories": [
{
"category": [
{
"start": "03/05/2018",
"end": "03/31/2018",
"label": "March"
},
{
"start": "04/01/2018",
"end": "04/30/2018",
"label": "April"
},
{
"start": "05/01/2018",
"end": "05/31/2018",
"label": "May"
},
{
"start": "06/01/2018",
"end": "06/10/2018",
"label": "June"
}
]
},
{
"category": [
{
"start": "03/05/2018",
"end": "03/11/2018",
"label": "W 1"
},
{
"start": "03/12/2018",
"end": "03/18/2018",
"label": "W 2"
},
{
"start": "03/19/2018",
"end": "03/25/2018",
"label": "W 3"
},
{
"start": "03/26/2018",
"end": "04/01/2018",
"label": "W 4"
},
{
"start": "04/02/2018",
"end": "04/08/2018",
"label": "W 5"
},
{
"start": "04/09/2018",
"end": "04/15/2018",
"label": "W 6"
},
{
"start": "04/16/2018",
"end": "04/22/2018",
"label": "W 7"
},
{
"start": "04/23/2018",
"end": "04/29/2018",
"label": "W 8"
},
{
"start": "04/30/2018",
"end": "05/06/2018",
"label": "W 9"
},
{
"start": "05/07/2018",
"end": "05/13/2018",
"label": "W 10"
},
{
"start": "05/14/2018",
"end": "05/20/2018",
"label": "W 11"
},
{
"start": "05/21/2018",
"end": "05/27/2018",
"label": "W 12"
},
{
"start": "05/28/2018",
"end": "06/03/2018",
"label": "W 13"
},
{
"start": "06/04/2018",
"end": "06/10/2018",
"label": "W 14"
}
]
}
]
};
FusionCharts.ready(function() {
var myChart = new FusionCharts({
type: "gantt",
renderAt: "chart-container",
width: "600",
height: "300",
dataFormat: "json",
dataSource
}).render();
});
</script>
</head>
<body>
<div id="chart-container">FusionCharts XT will load here!</div>
</body>
</html>
