JSFiddle - React, Tailwind, and code Playground

JavaScript Charts & Graphs with Secondary Axis - 0 | JSFiddle Sample Code

HTML

<div id="chartContainer" style="height: 360px; width: 100%;"></div>
<script src="https://cdn.canvasjs.com/canvasjs.min.js"></script>

JavaScript

window.onload = function () {

  var chart = new CanvasJS.Chart("chartContainer", {
    exportEnabled: true,
    animationEnabled: true,
    title:{
      text: "Car Parts Sold in Different States"
    },
    subtitles: [{
      text: "Click Legend to Hide or Unhide Data Series"
    }], 
    axisX: {
      title: "States"
    },
    axisY: [{
      title: "Oil Filter - Units",
      titleFontColor: "#4F81BC",
      lineColor: "#4F81BC",
      labelFontColor: "#4F81BC",
      tickColor: "#4F81BC",
      includeZero: true
    }],
    axisY2: [{
      title: "Clutch - Units",
      titleFontColor: "#C0504E",
      lineColor: "#C0504E",
      labelFontColor: "#C0504E",
      tickColor: "#C0504E",
      includeZero: true
    }],
    toolTip: {
      shared: true
    },
    legend: {
      cursor: "pointer",
      itemclick: toggleDataSeries
    },
    data: [{
      type: "column",
      name: "Oil Filter",
      showInLegend: true,      
      yValueFormatString: "#,##0.# Units",
      dataPoints: [
        { label: "New Jersey",  y: 19034.5 },
        { label: "Texas", y: 20015 },
        { label: "Oregon", y: 25342 },
        { label: "Montana",  y: 20088 },
        { label: "Massachusetts",  y: 28234 }
      ]
    }, {
      type: "column",
      name: "Clutch",
      //axisYIndex: 1,
      axisYType: "secondary",
      showInLegend: true,
      yValueFormatString: "#,##0.# Units",
      dataPoints: [
        { label: "New Jersey", y: 210.5 },
        { label: "Texas", y: 135 },
        { label: "Oregon", y: -425 },
        { label: "Montana", y: 130 },
        { label: "Massachusetts", y: 528 }
      ]
    }]
  });
  chart.render();

  function toggleDataSeries(e) {
    if (typeof (e.dataSeries.visible) === "undefined" || e.dataSeries.visible) {
      e.dataSeries.visible = false;
    } else {
      e.dataSeries.visible = true;
    }
    e.chart.render();
  }

  var desiredFraction = 0.5; // 50% from bottom

  var allAxes = [...chart.axisY, ...chart.axisY2];

 ...