Работаю над визуализацией данных с d3 с 2 графиками. (оба определены в пользовательских скриптах - bar_stati c. js и bar_dynami c. js). Graph2 (bar_dynami c) должен отображать другой график с другой кнопкой. Однако он показывает только данные. На самом деле не знаю, что случилось ... Это часть моего html. Спасибо! Graph2 должен отображать другой график с другой кнопкой
<body>
<div>
<div class="col-md-2"></div>
<div class="col-md-8">
<div class="page-header center" id="barplot">
<h1>Assignment 6 <small>« Data Visualization »</small></h1>
<hr>
<h3>graph 1: Barplot in D3</h3>
</div>
<div class="page-header center" id="barplot_dyn">
<hr>
<h3>graph 2: Dynamic Barplot in D3</h3>
<button type="button" class="btn btn-info" id="barplot_dyn" onclick="setData('NA_Sales')">NA_Sales</button>
<button type="button" class="btn btn-info" id="barplot_dyn" onclick="setData('EU_Sales')">EU_Sales</button>
<button type="button" class="btn btn-info" id="barplot_dyn" onclick="setData('JP_Sales')">JP_Sales</button>
<button type="button" class="btn btn-info" id="barplot_dyn" onclick="setData('Other_Sales')">Other_Sales</button>
<button type="button" class="btn btn-info" id="barplot_dyn" onclick="setData('Global_Sales')">Global_Sales</button>
</div>
</div>
<div class="col-md-2"></div>
</div>
<script type="text/javascript">
const margin = {top: 40, right: 100, bottom: 40, left: 200};
const NUM_EXAMPLES = 10;
</script>
<script type="text/javascript" src="./bar_static.js"></script>
<script type="text/javascript" src="./bar_dynamic1.js"></script>
</body>
</html>