Faking canvas top padding in FusionCharts (JavaScript)
Turning off axis limits and then pushing in two trend lines with hidden lines can do the trick!
HTML
<script src="http://static.fusioncharts.com/code/red/19835/FusionCharts.js"></script>
<div id="chartcontainer">Chart loads here!!</div>
JavaScript
var myChart = new FusionCharts({
type: "Column2D",
renderAt: "chartcontainer",
width: "500",
height: "500",
dataFormat: FusionChartsDataFormats.JSON,
dataSource: {
"chart": {
"caption": "Monthly Sales Summary",
"xaxisname": "Month",
"yaxisname": "Revenue",
"numberprefix": "$",
"showvalues": "1",
"yaxismaxvalue": "1100000",
"showlimits": "1",
"animation": "0",
},
"data": [
{"label": "Jan", "value": "420000"},
{"label": "Feb", "value": "9100000000"},
{"label": "Mar", "value": "720000"},
{
"label": "Apr",
"value": "550000"
},
{
"label": "May",
"value": "810000"
},
{
"label": "Jun",
"value": "510000"
},
{
"label": "Jul",
"value": "680000"
},
{
"label": "Aug",
"value": "620000"
},
{
"label": "Sep",
"value": "610000"
},
{
"label": "Oct",
"value": "490000"
},
{
"label": "Nov",
"value": "530000"
},
{
"label": "Dec",
"value": "330000"
}],
"trendlines": [{
"line": [{
"startvalue": "1000000",
"showontop": "0",
"thickness": "0.00001"
}, {
"startvalue": "0",
"showontop": "0",
"thickness": "0.00001"
}]
}]
}
}).render();