joshsoftware/code-curiosity

function userTrendChart(xAxis, commits, points, username) {
  $('#users-chart-container').highcharts({
    chart: {
      type: 'line'
    },
    title: {
      text: username + " Contribution Trend",
      x: -20 //center
    },
    xAxis: {
      categories: xAxis
    },
    plotOptions: {
      bar: {
        dataLabels: {
          enabled: true
        }
      }
    },
    yAxis: {
      title: {
        text: 'Count'
      },
      plotLines: [{
        value: 0,
        width: 1,
        color: '#808080'
      }]
    },
    tooltip: {
      valueSuffix: ''
    },
    legend: {
      layout: 'horizontal',
      align: 'center',
      verticalAlign: 'bottom',
      borderWidth: 0
    },
    series: [{
      name: 'Commits',
      data: commits,
      marker: { enabled: true },
      color: '#00A65A',
      dataLabels: {color:'#00A65A',style: {"color": "contrast", "fontSize": "11px", "fontWeight": "bold", "textShadow": "0" }}
    }, {
      name: 'Points',
      data: points,
      marker: { enabled: true },
      color: '#00C0EF',
      dataLabels: {color:'#00C0EF',style: {"color": "contrast", "fontSize": "11px", "fontWeight": "bold", "textShadow": "0" }}
    }
    ]
  });
}
function multiLineChart(xAxis, users, contributions){
  $('#chart-container').highcharts({
    chart: {
      type: 'line'
    },
    title: {
      text: 'CodeCuriosity Impact',
      style: {
        fontSize: '24px'
      },
      x: -20 //center
    },
    subtitle: {
      text: 'Linear growth in users has exponential growth in contributions!',
      style: {
        color: '#3C8DBC',
        fontSize: '18px'
      },
      x: -20
    },
    xAxis: {
      categories: xAxis
    },
    plotOptions: {
      bar: {
        dataLabels: {
          enabled: true
        }
      }
    },
    yAxis: {
      title: {
        text: ''
      },
      plotLines: [{
        value: 0,
        width: 1,
        color: '#808080'
      }]
    },
    tooltip: {
      valueSuffix: ''
    },
    legend: {
      layout: 'horizontal',
      align: 'center',
      verticalAlign: 'bottom',
      borderWidth: 0
    },
    series: [{
      name: 'Users',
      data: users,
      marker: { enabled: true },
      color: '#3C8DBC',
      dataLabels: {color:'#3C8DBC',style: {"color": "contrast", "fontSize": "11px", "fontWeight": "bold", "textShadow": "0" }}
    }, {
      name: 'Contributions',
      data: contributions,
      marker: { enabled: true },
      color: '#00A65A',
      dataLabels: {color:'#00A65A',style: {"color": "contrast", "fontSize": "11px", "fontWeight": "bold", "textShadow": "0" }}
    }
    ]
  });
}