msstackedcolumn2d

Configuring the chart with theme that applies on chart cosmetics

by Moonmi Sonowal

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.carbon.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.ocean.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.zune.js"></script>

<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var revenueChart = new FusionCharts({
   "type": "msstackedcolumn2dlinedy",
   "renderAt": "chart-container",
   "width": "550",
   "height": "350",
   "dataFormat": "json",
   "dataSource": {
      "chart": {
    "caption": "Quarterly Sales vs. Profit % in Last Year",
         "subcaption": "Product-wise Break-up - Harry's SuperMart",
         "xAxisName": "Quarter",
         "pYAxisName": "Sales",
         "sYAxisName": "",
          "showDivLineSecondaryValue":"0",
          "showSecondaryLimits":"0",
         "numberPrefix": "$",
         "numbersuffix": "M",
         "sNumberSuffix": "%",
         "sYAxisMaxValue": "25",
         "paletteColors": "#5598c3,#2785c3,#31cc77,#1aaf5d,#f45b00",
         "baseFontColor": "#333333",
         "baseFont": "Helvetica Neue,Arial",
         "captionFontSize": "14",
         "subcaptionFontSize": "14",
         "subcaptionFontBold": "0",
         "showBorder": "0",
         "bgColor": "#ffffff",
         "showShadow": "0",
         "canvasBgColor": "#ffffff",
         "canvasBorderAlpha": "0",
         "divlineAlpha": "100",
         "divlineColor": "#999999",
         "divlineThickness": "1",
         "divLineIsDashed": "1",
         "divLineDashLen": "1",
         "divLineGapLen": "1",
         "usePlotGradientColor": "0",
         "showplotborder": "0",
         "valueFontColor": "#ffffff",
         "placeValuesInside": "1",
         "showXAxisLine": "1",
         "xAxisLineThickness": "1",
         "xAxisLineColor": "#999999",
         "showAlternateHGridColor": "0",
         "legendBgAlpha": "0",
         "legendBorderAlpha": "0",
         "legendShadow": "0",
         "legendItemFontSize": "10",
         "legendItemFontColor": "#666666"
      },
      "categories": [
         {
            "category": [
               {
                  "label": "Q1"
               },
               {
                  "label": "Q2"
               },
               {
                  "label":...