fix/x-axis labels

[LiamSingh64]

Currently, x-axis labels for the Line Charts on the Dashboard view are too closely bunched together Two potential fixes include:

• Removing the labels completely with

  xaxis: { 
  labels: { 
      show: false 
      formatter: function(value){
            return "Particpant " + value;
      }
   } 
  ...}

  Result:

• Have label contain "|" to create distinction and remove overlapping labels

  xaxis: { 
  labels: { 
          rotate: 0,
          hideOverlappingLabels: true,
          formatter: function(value){
            return value + " |";
          }
  } 
  ...}

  Result:

[rwx-yxu]

Both suggestions are not ideal. Instead, modify the category value on the x-axis. The category value expects an array which renders the labels for each item. By default since we are just passing nothing through, it will render each number for the data points.

[LiamSingh64]

Looks like xaxis.categories length needs to be the exact as series.data length, currently trying to find a way around this