JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>

  <div id="chartContainer" style="height: 300px; width: 100%;"></div>

JavaScript

window.onload = function () {
  var chart = new CanvasJS.Chart("chartContainer",
                                 {
    axisX:{
      title: "X-Axis starting with initial datapoint value",
      //minimum: 100   // change here
    },
    data: [
      {
        type: "line",
        dataPoints: [
          { x: 100, y: 71 },
          { x: 200, y: 55},
          { x: 300, y: 50 },
          { x: 400, y: 65 },
          { x: 500, y: 95 },
          { x: 600, y: 68 },
          { x: 700, y: 28 },
          { x: 800, y: 34 },
          { x: 900, y: 14}
        ]
      }
    ]
  });

  chart.render();

  chart.axisX[0].set("minimum", chart.options.data[0].dataPoints[0].x)
}