Question

我有一个在 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>

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

0 个答案: