Highcharts Demo

author(s): Torstein Hønsi

by koh_edwin

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

JavaScript

$(function() {
  var cat = ['Jun 10', 'Jul 10', 'Aug 10', 'Sep 10', 'Oct 10'];
  $('#container').highcharts({

    chart: {
      plotBackgroundColor: 'rgb(245,245,244)', // '#D4D4D3',

      borderRadius: 0,
      marginTop: 75,
      marginRight: 35,
      renderTo: 'graph',
      style: {
        fontFamily: 'Brandon Text Bold'
      },
      type: 'line',
      width: 880,

    },

    title: {
      text: 'aaaa',
      align: 'left',
      style: {
        color: '#000000',
        fontFamily: 'Brandon Text Bold',
        fontSize: 12,
        fontWeight: 'normal',
        textTransform: 'uppercase'
      },
      useHTML: true
    },

    xAxis: {
      categories: ['Jun 10', 'Jul 10', 'Aug 10', 'Sep 10', 'Oct 10'],
      tickmarkPlacement: 'on',
      //gridLineColor: '#197F07',
      gridLineWidth: 1,
      crosshair: true,
      //min: 0.5,
      //max: cat.length - 1.5,
     // startOnTick: false,
      //endOnTick: false,
      labels: {
        y: 20,
        style: {
          fontFamily: 'Brandon Text Bold',
          fontSize: 12,
          fontWeight: 'normal',
          textTransform: 'uppercase',
          whiteSpace: 'nowrap'
        }
      },
      //tickInterval: 4
    },

    yAxis: {
      title: {
        text: ''
      },
      //lineWidth: 2,
      //lineColor: '#E92B28',
      //plotLines: [{
      //  value: 0,
      //  width: 3,
      //  color: '#E92B28' //'#808080'
      //}],
      labels: {
        style: {
          ontFamily: 'Brandon Text Bold',
          fontSize: 12
        }
      },
      tickInterval: 20
    },
    legend: {
      layout: 'vertical',
      align: 'center',
      verticalAlign: 'top',
      x: 260,
      y: 15,
      borderWidth: 0,
      itemStyle: {
        color: '#bbb',
        cursor: 'default',
        fontFamily: 'Brandon Monospace',
        fontSize: 12,
        fontWeight: 'normal',
        textTransform: 'uppercase'
      },
      itemHoverStyle: {
        color: '#bbb',
        cursor:...