JSFiddle - React, Tailwind, and code Playground
by Fiaai
HTML
<img style = "height:95vh; width:180vh" src = "https://quickchart.io/chart?c=%7Btype%3A%22bar%22%2Cdata%3A%7Bdatasets%3A%5B%7Bfill%3Afalse%2C%0D%0A%09data%3A%5B1058%2C770%2C498%2C491%2C569%2C841%2C867%2C577%2C334%2C314%2C320%2C306%2C395%2C%5D%2Ctype%3A%22line%22%2Clabel%3A%22B%22%2CbackgroundColor%3A%22%23F45B69%22%2CborderColor%3A%22%23F45B69%22%2CyAxisID%3A%22y2%22%2C%7D%2C%0D%0A%09%7Bdata%3A%5B27875468%2C20216743%2C12796838%2C12640089%2C15719465%2C23729177%2C24461626%2C15552855%2C9491928%2C9027935%2C9079590%2C9004150%2C11789043%2C%5D%2Clabel%3A%22A%22%2CbackgroundColor%3A%22%232CC4E4%22%7D%5D%2C%0D%0A%09labels%3A%5B1%2C2%2C3%2C4%2C5%2C6%2C7%2C8%2C9%2C10%2C11%2C12%2C13%5D%2C%7D%2Coptions%3A%7Bresponsive%3Atrue%2Ctitle%3A%7BfontSize%3A18%2Cdisplay%3Atrue%2Ctext%3A%22title%22%2C%7D%2Clegend%3A%7Blabels%3A%7BfontSize%3A15%2C%7D%7D%2Cscales%3A%7BxAxes%3A%5B%7Bticks%3A%7BfontSize%3A15%7D%7D%5D%2CyAxes%3A%5B%7BscaleLabel%3A%7Bdisplay%3Atrue%2ClabelString%3A%22A%22%2C%7D%2C%0D%0A%09ticks%3A%7BfontSize%3A15%2Ccallback%3Afunction%28val%29%7Breturn%20Math.abs%28Number%28val%29%29%3E%3D1.0e6%3FMath.abs%28Number%28val%29%29%2F1.0e6%2B%22mm%22%3AMath.abs%28Number%28val%29%29%3B%7D%2C%7D%2C%7D%2C%0D%0A%09%7Bid%3A%22y2%22%2Cticks%3A%7BfontSize%3A15%2Ccallback%3Afunction%28val%29%7Bfm%3Dnew%20Intl.NumberFormat%28%22en%2DUS%22%29%3Breturn%20fm.format%28val%29%7D%2C%7D%2C%0D%0A%09scaleLabel%3A%7Bdisplay%3Atrue%2ClabelString%3A%22B%22%7D%2Cposition%3A%22right%22%2CgridLines%3A%7BdrawOnChartArea%3Afalse%2C%7D%2C%7D%2C%5D%2C%7D%2C%7D%2C%7D" />