FusionCharts - Displaying anchors in a line chart.

Showing Anchors in chart.

HTML

<script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/maps/fusioncharts.usa.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/maps/fusioncharts.india.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
<div id="chart-container">FusionCharts will render here</div>
<div id="child-chart-container"></div>

JavaScript

FusionCharts.ready(function() {
  var satisfactionChart = new FusionCharts({
    type: 'column2d',
    renderAt: 'chart-container',
    width: '500',
    height: '350',
    dataFormat: 'json',
    dataSource: {
      "chart": {
        "caption": "Revenue - country wise",
        "subcaption": "Click to see the details in maps below",
        "yaxisName": "Amount (In USD)",
        "numberPrefix": "$",
        "theme": "fusion",
        "rotateValues": "0"
      },
      "data": [{
        "label": "usa",
        "value": "810000",
        "link": "newchart-json-usa"
      }, {
        "label": "india",
        "value": "620000",
        "link": "newchart-json-india"
      }],
      "linkeddata": [{
        "id": "usa",
        "linkedchart": {
          "chart": {
            "theme": "fusion",
            "caption": "Revenue earned - USA",
            "entityFillColor": "#cccccc",
            "entityFillHoverColor": "#666666",
            "subcaption": "Highest & lowest state",
            "numberPrefix": "$"
          },
          "data": [{
            "id": "IN",
            "value": "920000",
            "color": "#e44a00",
            "alpha": "100",
            "showLabel": "1",
            "fontBold": "1",
            //Using custom label to display
            "displayValue": "Lowest sale.{br}$920K",
            //Using custom tooltip
            "tooltext": "Lowest sale for last week. Indiana $dataValue"
          }, {
            "id": "TX",
            "value": "97344000",
            "color": "#6baa01",
            "alpha": "100",
            "showLabel": "1",
            "fontBold": "1",
            "displayValue": "Highest sale.{br}$97.34M",
            "tooltext": "Highest sale for last week. Texas $dataValue"
          }]
        }
      }, {
        "id": "india",
        "linkedchart": {
          "chart": {
            "theme": "fusion",
            "animation": "0",
            "showbevel": "0",
            "usehovercolor": "1",
           ...