CSS

        
HTML
JS
// JS
var chart = JSC.chart('chartDiv', {
  debug: true,
  title_position: 'full',
  legend: {
    layout: 'horizontal',
    position: '280,-8',
    boxVisible: false
  },
  width: 740,
  yAxis_label_text: 'Units Sold',
  xAxis_label_text: 'Quarters',
  title_label_text: 'Acme Tool Sales',
  series: [
    {
      name: 'Saw',
      id: 's1',
      points: [
        [ 'Q1', 230  ],
        [ 'Q2', 240  ],
        [ 'Q3', 267  ],
        [ 'Q4', 238  ]
      ]
    },
    {
      name: 'Hammer',
      points: [
        [ 'Q1', 325  ],
        [ 'Q2', 347  ],
        [ 'Q3', 392  ],
        [ 'Q4', 371  ]
      ]
    },
    {
      name: 'Grinder',
      points: [
        [ 'Q1', 285  ],
        [ 'Q2', 292  ],
        [ 'Q3', 327  ],
        [ 'Q4', 158  ]
      ]
    },
    {
      name: 'Drill',
      points: [
        [ 'Q1', 185  ],
        [ 'Q2', 192  ],
        [ 'Q3', 198  ],
        [ 'Q4', 318  ]
      ]
    }
  ]
});
PHP