向 c3.js 条形图添加下拉菜单

如何解决向 c3.js 条形图添加下拉菜单

我有一个在 c3 中制作的条形图，但我想更改它，以便有一个与城镇对应的下拉菜单（我正在处理车祸数据），当您单击它时，它会发生变化条形图，以便在图形上显示新信息，该信息对应于我正在读取的 csv 的每一行。任何帮助将不胜感激！！我在下面粘贴了我的代码：


    
    
      
        
    
        
    <script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js"></script>
  </head>
  <body>
    <div id="chart"></div>

    <script type="text/javascript">

      var chart = c3.generate({
        data: {
          url: '/CSVs/TownTotalcrashesFatalsInjuryNoinjury.csv',type:'bar'
        },axis: {
          y: {
            padding: {
              right: 20
            },min: 0
          },x: {
            padding: {
              left: 0
            },min: 0,show: false
          }
        }
      });

      d3.select(".c3-axis-y").attr("clip-path",null)
  
      d3.select(".c3-axis-y-label")
      .style("text-anchor","start")
     .attr("transform","translate(0,-16)");

    </script>
  </body>
</html>