FusionCharts - Gallery Example - Chord Tooltips in JavaScript

Created using FusionCharts Suite XT - www.fusioncharts.com

by FusionCharts

HTML

<script src="https://cdn.fusioncharts.com/fusioncharts/release_3.16.0/fusioncharts.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
<div id="chart-container"></div>

JavaScript

var fusioncharts, events = {};
            var key_attr = new Array();
            var val_attr = new Array();
      
            FusionCharts.ready(function () {
                fusioncharts = new FusionCharts({
                    type: 'chord',
                    renderAt: 'chart-container',
                    width: '800',
                    height: '600',
                    dataFormat: 'json',
                    baseChartMessageFont: 'arial',
                    loadMessage: 'Events Automation',
                    loadMessageFontSize: '40',
                    loadMessageColor: '#FF0000',
    
                    dataSource: {
                        chart: {
                            drawCustomLegendIcon: 1,
                     
            
            legendIconSides: "3",
        legendIconStartAngle: "180",
                            nodeThickness: 30,
                            nodeLabelColor: "#0000ff",
                            nodeLabelFontSize: 11,
                            nodeLabelPosition: "inside",
                            nodeHoverAlpha: 100,
                            nodeSpacing: 14,
                            nodeBorderThickness: 5,
                            nodeAlpha: 80,
                            linkAlpha: 40,
                            linkBorderAlpha: 40,
                            linkHoverAlpha: 75,
                            showPlotBorder: 1,
                            plotBorderColor: "#FFFFFF",
                            plotBorderAlpha: "100",
                            plotBorderThickness: "5",
                            useHoverColor: "1",
                            showHoverEffect: "0",
                            legendItemHoverFontColor: "#FF0000",
                            caption: "Chord Diagram",
                            subcaption: "Flows Mentally",
                            captionAlignment: "right",
                            captionOnTop: "1",
                           ...