Sample Area Range
CSS
HTML
JS
// JS

var chart = JSC.chart('chartDiv', {
  type: 'areaSpline',
  palette: [ 'crimson', '#03bbfb'  ],
  legend_visible: false,
  title: {
    label_text: 'Average Temperatures [Chicago]  Range: %min°F to %max°F,    Average: %average°F',
    position: 'full'
  },
  yAxis: [
    {
      id: 'mainY',
      label_text: '(°F) Fahrenheit',
      defaultTick_label: {
        text: '%value°F',
        style: { fontWeight: 'bold', fontSize: '12px'  }
      },
      markers: [
        {
          value: [0,32 ],
          label: {
            text: '<icon name=weather/snowflake size=15 verticalAlign=center margin_right=4> Freezing',
            style_fontSize: 14,
            align: 'center'
          },
          color: ['#65affb',0.5 ]
        },
        {
          value: 72,
          label_text: '<icon name=weather/sun size=18 verticalAlign=center margin_right=4> Perfect (72°F)',
          label_style_fontSize: 14,
          line_width: 3,
          color: ['#fcc348',0.5 ]
        }
      ]
    },
    {
      scale_syncWith: 'mainY',
      orientation: 'right',
      formatString: 'n2',
      label_text: '(°C) Celcius',
      defaultTick_label: {
        text: '{(%Value-32)*5/9:n1}°C',
        style: { fontWeight: 'bold', fontSize: '12px'  }
      }
    }
  ],
  xAxis: {
    formatString: 'MMM',
    scale_interval: {unit: 'month' },
    defaultTick_label: {
      style: {  fontWeight: 'bold',  fontSize: '12px'}
    }
  },
  defaultPoint_tooltip: '<b>%xValue</b><br/>Average High: <b>%yValue°F</b>  ({(%yValue-32)*5/9:n1}°C)<br/>Average Low: <b>%yStart°F</b>  ({(%yStart-32)*5/9:n1}°C)',
  toolbar_visible: false,
  xAxis_scale_type: 'time',
  series: [
    {
      name: 'Average High',
      points: {
        mapTo: 'x,y',
        data: [ [new Date(2010, 0, 1),[ 15, 30]], [new Date(2010, 1, 1), [18, 35]], [new Date(2010, 2, 1),[27, 47]], [new Date(2010, 3, 1),[37, 60]], [new Date(2010, 4, 1),[46, 71]], [new Date(2010, 5, 1),[56, 80]], [new Date(2010, 6, 1),[61, 83]], [new Date(2010, 7, 1),[60, 81]], [new Date(2010, 8, 1),[51, 75]], [new Date(2010, 9, 1),[40, 63]], [new Date(2010, 10, 1),[30, 48]], [new Date(2010, 11, 1),[19, 34]] ]
      }
    }
  ]
});
PHP