Transparent Bars with FusionCharts
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" type="text/javascript"></script>
<script src="https://static.fusioncharts.com/code/latest/fusioncharts.js" type="text/javascript"></script>
<script src="https://static.fusioncharts.com/code/latest/fusioncharts.charts.js" type="text/javascript"></script>
<div id="chart_div"></div>
JavaScript
$(function () {
new FusionCharts({
renderAt: "chart_div",
type: "mscolumn2d",
dataSource: {
chart: {
plotFillAlpha: "0",
showPlotBorder: 1,
plotBorderThickness: 3,
plotBorderColor: "#000000",
plotBorderAlpha: "100"
},
categories: [{
category: [
{ label: "2008" },
{ label: "2009" }
]
}],
dataset: [{
seriesname: "US",
dashed: "1",
data: [{ value: 12 }, { value: 23 }]
}, {
seriesname: "UK",
data: [{ value: 34 }, { value: 7 }]
}]
}
}).render();
});