Hide Datapoint

by mrDavid

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<body>
<div id="chartContainer"></div>
</body>

JavaScript

function populateChart() {
  var chart = new CanvasJS.Chart('chartContainer', {

    toolTip: {
      shared: true,
    },

    data: [
    {
        name: 'Set A',
        color: 'blue',
        type: 'rangeColumn',

        dataPoints: [{
            label: '1-1-2020',
            y: [0, 1],
          },
          {
            label: '1-2-2020',
            y: [0, 2],
          },
          {
            label: '1-3-2020',
            y: [0, 3],
          },

        ]
      },
{
        name: 'Set B',
        color: 'red',
        type: 'rangeColumn',

        dataPoints: [{
            label: '1-1-2020',
            y: [0, 1],
          },
          {
            label: '1-2-2020',
            y: [null, null],
          },
          {
            label: '1-3-2020',
            y: [0, 3],
          },

        ]
      },
      {
        name: 'Set C',
        color: 'green',
        type: 'rangeColumn',

        dataPoints: [{
            label: '1-1-2020',
            y: [0, 1],
          },
          {
            label: '1-2-2020',
            y: [0, 2],
          },
          {
            label: '1-3-2020',
            y: [0, 3],
          },

        ]
      },
      
    ]
  });
  chart.render();
}

populateChart();