<script language="javascript" type="text/javascript" src="https://cdn.fusioncharts.com/fusioncharts/3.19.0-dev/fusioncharts.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/3.19.0-dev/themes/fusioncharts.theme.candy.js"> </script>
<div id="container">FusionCharts will render here</div>
FusionCharts.ready(function () {
var topStores = new FusionCharts({
type: "sankey",
renderAt: "container",
id: "sankey-chart",
width: "650",
height: "400",
dataFormat: "json",
dataSource: {
chart: {
caption: "Immigrant Flow for Last Month (In Millions)",
legendPosition: "bottom",
linkAlpha: "100",
theme: "candy"
},
nodes: [
{
label: "Netherlands"
},
{
label: "Germany"
},
{
label: "European Union"
}
],
links: [
{
from: "Netherlands",
to: "European Union",
value: 798744
},
{
from: "European Union",
to: "Germany",
value: 244
}
]
}
}).render();
});
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.