JSX

<Histogram
  axis={{
    x: {
      dateFormat: '%d-%b-%y',
      scale: 'TIME'
    },
    y: {
      ticks: 3
    }
  }}
  colorScheme={[
    '#D7263D',
    '#FF7101',
    '#007656',
    '#e6e6e6',
    '#449098',
    '#227839',
    '#ff7101',
    '#FBD7D9',
    '#F9C80E',
    '#00a97b',
    '#33ba95',
    '#ff8d33',
    '#77c3cb',
    '#d7263d',
    '#a9a9a9',
    '#cdcdcd',
    '#cc5a00',
    '#7d5d2e',
    '#888888',
    '#dbdbdb',
    '#cccccc',
    '#008762',
    '#56b4bf',
    '#f9c80e',
    '#c5e5e9'
  ]}
  data={{
    bins: [
      '3/28/2019, 1:19:58 PM',
      '3/29/2019, 1:19:58 PM',
      '3/30/2019, 1:19:58 PM',
      '3/31/2019, 1:19:58 PM'
    ],
    counts: [
      {
        data: [
          1,
          2,
          3,
          4
        ],
        label: 'DataSet 1'
      },
      {
        data: [
          13,
          14,
          15,
          16
        ],
        label: 'DataSet 2'
      }
    ]
  }}
  delay={0}
  duration={400}
  grid={{
    x: {
      style: {
        fill: '#000',
        opacity: 1,
        'shape-rendering': 'auto',
        stroke: '#ccc',
        'stroke-opacity': 0.4,
        'stroke-width': 1,
        visible: true
      },
      ticks: 5
    },
    y: {
      style: {
        fill: '#000',
        opacity: 1,
        'shape-rendering': 'auto',
        stroke: '#ccc',
        'stroke-opacity': 0.4,
        'stroke-width': 1,
        visible: true
      },
      ticks: 5
    }
  }}
  height={300}
  tipContentFn={function noRefCheck() {}}
  visible={{}}
  width="100%"
/>