Line Charts in Highcharts

by Faisal Khan Janjua

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>

<div id="companyBill" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div>

CSS

.highcharts-legend a {
    color: #999;
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
}
.barTooltip {
  padding: 4px 8px;
}

JavaScript

var amount = [494,516,1144,902,900, 560, 1500];
var months = ["Jul", "Aug", "Sep", "Sep", "Oct", "Nov", "Dec"];
/* var amount = [-625903, -390090, -154819, -20882, -115079, -41557, -49367]; */


// Round Corners for Both Ends
! function(a) {
  var b = a.relativeLength;
  a.wrap(a.seriesTypes.column.prototype, "translate", function(c) {
    var d = this.options,
        e = d.topMargin || 0,
        f = d.bottomMargin || 0;
    c.call(this), a.each(this.points, function(a) {
      var c = a.shapeArgs,
          g = c.width,
          h = c.height,
          i = c.x,
          j = c.y,
          k = b(d.borderRadiusTopLeft || 0, g),
          l = b(d.borderRadiusTopRight || 0, g),
          m = b(d.borderRadiusBottomRight || 0, g),
          n = b(d.borderRadiusBottomLeft || 0, g);
      if (a.y < 0) {
        var o = k,
            p = l,
            q = n,
            r = m;
        k = q; l = r; n = o; m = p;
      }
      if (k || l || m || n) {
        var s = Math.min(g, h) / 2;
        k > s && (k = s), l > s && (l = s), m > s && (m = s), n > s && (n = s), a.dlBox = a.shapeArgs, a.shapeType = "path", a.shapeArgs = {
          d: ["M", i + k, j + e, "L", i + g - l, j + e, "C", i + g - l / 2, j, i + g, j + l / 2, i + g, j + l, "L", i + g, j + h - m, "C", i + g, j + h - m / 2, i + g - m / 2, j + h, i + g - m, j + h + f, "L", i + n, j + h + f, "C", i + n / 2, j + h, i, j + h - n / 2, i, j + h - n, "L", i, j + k, "C", i, j + k / 2, i + k / 2, j, i + k, j, "Z"]
        }
      }
    });
  });
}(Highcharts);
Highcharts.setOptions({
	lang: {
  	thousandsSep: ""
  }
});
jQuery('#companyBill').highcharts({
  chart: {
    backgroundColor: "#fff",
    marginBottom: 30,
    spacingTop: 40,
    spacingBottom: 0,
    spacingLeft: 0,
    spacingRight: 15,
    style: {
      fontFamily: 'sans-serif'
    },
    type: 'column',
    reflow: true,
  },
  title: { text: ' ' },
  subtitle: { text: ' ' },
  xAxis: {
    categories: months,
    crosshair: false,
    lineColor:...