Sample Area Types
CSS
HTML
JS
// JS
var chart = JSC.chart('chartDiv', {
  debug: true,
  type: 'area',
  title_label_text: 'Area Series Types',
  legend_position: 'inside bottom right',
  defaultSeries: { opacity: 0.7  },
  toolbar_items: {
    'Area Type': {
      type: 'select',
      label_style_fontSize: 13,
      margin: 5,
      items: 'Area,Area Step,Area Spline',
      events_change: function(val){chart.series().options({type:val})}
    }
  },
  series: [
    {
      name: 'Purchases',
      points: [
        [ new Date(2014, 0, 1), 29.9  ],
        [ new Date(2014, 0, 2), 71.5  ],
        [ new Date(2014, 0, 3), 106.4  ],
        [ new Date(2014, 0, 6), 129.2  ],
        [ new Date(2014, 0, 7), 144.0  ],
        [ new Date(2014, 0, 8), 176.0  ]
      ]
    }
  ]
});
PHP