<div class="chart" id="chart-container4"></div>
.chart {
  width: 100%;
  height: 350px;
}
FusionCharts.ready(function() {
new FusionCharts({
    type: 'area2d',
    renderAt: 'chart-container4',
    width: '100%',
    height: '400',
    dataFormat: 'json',
    dataSource: {
      chart: {
        theme: "fusion",
        plotFillAlpha: 50,
        anchorImageScale: 70,
        drawAnchors: 1
      },
      data: [{
         anchorAlpha: 'inherit',
         anchorRadius: 10,  
         label: 'abc',
          value: 300
        },
        {
          alpha:50,
          anchorImageAlpha: 'inherit',
          anchorBgAlpha: 'inherit',
          anchorImageUrl: "http://static.fusioncharts.com/sampledata/images/round-1.png",
          label: 'pqr',
          value: 200
        },
        {
          anchorBgColor: 'ff9900',
          anchorBgAlpha: 'inherit',
          anchorRadius: 10,  
          label: "xyz",
          value: 100
        }
      ]
    }
  }).render();
})

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdn.fusioncharts.com/fusioncharts/release_3.16.0/fusioncharts.js
  2. https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js