FusionCharts - Gantt Charts - Rounded corners for task bars

Created using FusionCharts Suite XT - www.fusioncharts.com

by FusionCharts

HTML

<script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
<div id="chart-container">
  FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function() {
  var socialMediaPlan = new FusionCharts({
    type: 'gantt',
    renderAt: 'chart-container',
    width: '750',
    height: '500',
    dataFormat: 'json',
    dataSource: {
      "chart": {
        "theme": "fusion",
        "caption": "New Store Opening - Project Plan",
        "subcaption": "Planned vs Actual",
        "dateformat": "dd/mm/yyyy",
        "outputdateformat": "ddds mns yy",
        "ganttwidthpercent": "60",
        "ganttPaneDuration": "40",
        "ganttPaneDurationUnit": "d",
        "plottooltext": "$processName{br} $label starting date $start{br}$label ending date $end",
        "legendBorderAlpha": "0",
        "legendShadow": "0",
        "usePlotGradientColor": "0",
        "showCanvasBorder": "0",
        "flatScrollBars": "1",
        "gridbordercolor": "#333333",
        "gridborderalpha": "20",
        "slackFillColor": "#e44a00",
        "taskBarFillMix": "light+0"
      },
      "categories": [{
        "bgcolor": "#999999",
        "category": [{
          "start": "1/4/2014",
          "end": "30/6/2014",
          "label": "Months",
          "align": "middle",
          "fontcolor": "#ffffff",
          "fontsize": "12"
        }]
      }, {
        "bgcolor": "#999999",
        "align": "middle",
        "fontcolor": "#ffffff",
        "fontsize": "12",
        "category": [{
          "start": "1/4/2014",
          "end": "30/4/2014",
          "label": "April"
        }, {
          "start": "1/5/2014",
          "end": "31/5/2014",
          "label": "May"
        }, {
          "start": "1/6/2014",
          "end": "30/6/2014",
          "label": "June"
        }]
      }, {
        "bgcolor": "#ffffff",
        "fontcolor": "#333333",
        "fontsize": "11",
        "align": "center",
        "category": [{
          "start": "1/4/2014",
          "end": "5/4/2014",
          "label": "Week 1"
        }, {
          "start": "6/4/2014",
          "end": "12/4/2014",
          "label":...