Inserting space between different dataSeries in stackedColumn chart - CanvasJS JavaScript Charts

Inserting space between different dataSeries in stackedColumn chart - CanvasJS JavaScript Charts

by canvasjs

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/>
<!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

var chart = new CanvasJS.Chart("chartContainer", {
  title:{
    text: "Coal Reserves of Countries"
  },
  data: [
    {
      type: "stackedColumn",
      dataPoints: [
        {  y: 111338 , label: "USA"},
        {  y: 49088, label: "Russia" },
        {  y: 62200, label: "China" },
        {  y: 90085, label: "India" },
        {  y: 38600, label: "Australia"},
        {  y: 48750, label: "SA"}
      ]
    },
    {
      type: "stackedColumn",
      dataPoints: [
        {  y: 135305 , label: "USA"},
        {  y: 107922, label: "Russia" },
        {  y: 52300, label: "China" },
        {  y: 33609, label: "India" },
        {  y: 39900, label: "Australia"},
        {  y: 100000, label: "SA"}
      ]
    },
    {
      type: "stackedColumn",
      dataPoints: [
        {  y: 135305 , label: "USA"},
        {  y: 107922, label: "Russia" },
        {  y: 52300, label: "China" },
        {  y: 33609, label: "India" },
        {  y: 39900, label: "Australia"},
        {  y: 100000, label: "SA"}
      ]
    }
  ]
});

addDataSeriesSpacing();
chart.render();

function addDataSeriesSpacing() {
	var spacingValue = 20000; //Change this Value to change space size
  var spaceDataSeries = {
    type: "stackedColumn",
    color: "transparent",
    highlightEnabled: false,
    toolTipContent: null,
    dataPoints: [
      {  y: spacingValue , label: "USA"},
      {  y: spacingValue, label: "Russia" },
      {  y: spacingValue, label: "China" },
      {  y: spacingValue, label: "India" },
      {  y: spacingValue, label: "Australia"},
      {  y: spacingValue, label: "SA"}
    ]
  };
  
  for(var i = 0; i < chart.options.data.length - 1; i+= 2) {
  	chart.options.data.splice(i+1, 0, spaceDataSeries);
  }
}