<script language="javascript" type="text/javascript" src="https://cdn.fusioncharts.com/fusioncharts/3.21.0/fusioncharts.js"></script>
<script language="javascript" type="text/javascript" src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.ocean.js"></script>
<div id="chart-container">FusionCharts will render here</div>

FusionCharts.ready(function () {
  var ageGroupChart = new FusionCharts({
    type: "column2d",
    renderAt: "chart-container",
    width: "1000",
    height: "600",
    dataFormat: "json",
    dataSource: {
      chart: {
        theme: "fusion",
        caption: "Monthly Sales",
        subCaption: "Last Year",
        xAxisName: "Month",
        yAxisName: "Sales (in USD)",
        paletteColors: "#63bcf7,#f26678,#ba8a36,#2fbda5",
        bgColor: "#ffffff",
        showBorder: "0",
        use3DLighting: "0",
        showShadow: "0",
        enableSmartLabels: "0",
        startingAngle: "0",
        showPercentValues: "1",
        // Added a property to show/hide Values in Legend
        showValuesinLegend: "0",
        showValueAsPercentInLegend: "0",
        showPercentInTooltip: "0",
        decimals: "1",
        captionFontSize: "14",
        subcaptionFontSize: "14",
        subcaptionFontBold: "0",
        toolTipColor: "#ffffff",
        toolTipBorderThickness: "0",
        toolTipBgColor: "#000000",
        toolTipBgAlpha: "80",
        toolTipBorderRadius: "2",
        toolTipPadding: "5",
        showHoverEffect: "1",
        showLegend: "1",
        legendBgColor: "#ffffff",
        legendBorderAlpha: "0",
        legendShadow: "0",
        legendItemFontSize: "10",
        legendItemFontColor: "#666666"
      },
      data: [
        {
          label: "January",
          value: "380000"
        },
        {
          label: "February",
          value: "340000"
        },
        {
          label: "March",
          value: "740000"
        },
        {
          label: "April",
          value: "800000"
        },
        {
          label: "May",
          value: "400000"
        },
        {
          label: "June",
          value: "620000"
        },
        {
          label: "July",
          value: "870000"
        },
        {
          label: "August",
          value: "60000"
        },
        {
          label: "September",
          value: "720000"
        },
        {
          label: "October",
          value: "10000"
        },
        {
          label: "November",
          value: "40000"
        }
      ]
    }
  }).render();
});