在Jupyter中绘制条形图

Question

我想在 <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.2/css/bootstrap.min.css" rel="stylesheet" /> <link href="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css" rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"> </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.2/js/bootstrap.min.js"></script> <div class="container"> <div class="row"> <div class="col-md-4"> <h1> Hello </h1> <p> Here is an example of a slider we can use for Gaggia. Content block will be on the left with slider on the right </p> <button> Click Me </button> </div> <div class="col-md-8"> <div class="slider"> <div> <img src="https://images.unsplash.com/photo-1446770145316-10a05382c470?dpr=1&auto=format&fit=crop&w=900&h=450&q=80&cs=tinysrgb&crop=" alt=""> </div> <div> <img src="https://images.unsplash.com/photo-1455717974081-0436a066bb96?dpr=1&auto=format&fit=crop&w=900&h=450&q=80&cs=tinysrgb&crop=" alt=""> </div> <div> <img src="https://images.unsplash.com/photo-1477420086945-b99c643e8a3d?dpr=1&auto=format&fit=crop&w=900&h=450&q=80&cs=tinysrgb&crop=" alt=""> </div> </div> </div> </div> </div> 中绘制一个包含 3 个变量的条形图，但我不能。 例如，我想绘制一个条形图来显示每个买家以及他们购买的商品数量。