CanvasPadding in bubble chart

Created using FusionCharts Suite XT - www.fusioncharts.com

by Nabajeet Sonowal

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.powercharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<!-- Using macros to embed data label, x-value, y-value and z-value in dynamic tooltips for bubble chart Attribute: # plotTooltext Macros: # $name # $xDataValue # $yDataValue # $zvalue -->
<div id="chart-container">FusionCharts will render here</div>

CSS

#nameDiv {
    font-size: 14px;
    border-bottom: 1px dashed #666666;
    font-weight:bold;
    padding-bottom: 3px;
    margin-bottom: 3px;
    display: inline-block;
}

JavaScript

FusionCharts.ready(function () {
    var analysisChart = new FusionCharts({
        type: 'bubble',
        renderAt: 'chart-container',
        width: '600',
        height: '300',
        dataFormat: 'json',
        dataSource: {
            "chart": {
                "caption": "Attitude and influence graph",
                    "xAxisMinValue": "0",
                    "xAxisMaxValue": "5",
                    "yAxisMinValue": "-2",
                    "yAxisMaxValue": "2",
                    "canvasPadding": "100",
                    "plotFillAlpha": "70",
                    "plotFillHoverColor": "#cccccc",
                    "showPlotBorder": "0",
                    "xAxisName": "Influence",
                    "yAxisName": "Attitude",
                    "showValues": "1",
                    "showLimits": "0",
                    "drawQuadrant": "1",
                    "quadrantLineAlpha": "80",
                    "quadrantLineThickness": "3",
                    "quadrantXVal": "2.5",
                    "quadrantYVal": "0",
                    "quadrantLabelTL": "Low Influence / High Attitude",
                    "quadrantLabelTR": "High Influence / High Attitude",
                    "quadrantLabelBL": "Low Attitude / Low Influence",
                    "quadrantLabelBR": "High Influence / Low Attitude",
                    "showTrendlineLabels": "0",
                    "plotTooltext": "$name",
                    "theme": "fint"
            },
                "categories": [{
                "category": [{
                    "label": "0",
                        "x": "0"
                }, {
                    "label": "0.5",
                        "x": "0.5",
                        "showverticalline": "1"
                }, {
                    "label": "1",
                        "x": "1",
                        "showverticalline": "1"
                }, {
                    "label": "1.5",
                        "x": "1.5",
      ...