Sample Area Neg
CSS
HTML
JS
// JS
var chart = JSC.chart('chartDiv', {
  debug: true,
  type: 'area',
  palette: 'fiveColor28',
  defaultSeries_opacity: 0.7,
  series: [
    {
      name: 'Z1 Saw',
      id: 's1',
      points: [
        { name: 'Q1', y: -130  },
        { name: 'Q2', y: -200  },
        { name: 'Q3', y: 267  },
        { name: 'Q4', y: 238  }
      ]
    },
    {
      name: 'Z1 Hammer',
      points: [
        { name: 'Q1', y: 325  },
        { name: 'Q2', y: -180  },
        { name: 'Q3', y: -120  },
        { name: 'Q4', y: 371  }
      ]
    },
    {
      name: 'Z1 Grinder',
      points: [
        { name: 'Q1', y: 285  },
        { name: 'Q2', y: 292  },
        { name: 'Q3', y: -210  },
        { name: 'Q4', y: -165  }
      ]
    },
    {
      name: 'Z1 Drill',
      points: [
        { name: 'Q1', y: 185  },
        { name: 'Q2', y: 192  },
        { name: 'Q3', y: 198  },
        { name: 'Q4', y: 248  }
      ]
    }
  ]
});
PHP