<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();
})
This Pen doesn't use any external CSS resources.