Когда я выбираю значение из раскрывающегося списка, он загружает первые данные, но когда я выбираю второе раскрывающееся значение, он не загружает данные, но когда я проверяю элементы, я вижу данные, отображаемые в проверяющем элементе. Что я делаю не так
<body>
<div id="my_dataviz" style="font-weight:bold;"></div>
</body>
<script>
var ee= document.getElementById("year").value;
d3.select("svg").remove();
console.log(ee)
var margin = {top: 25, right: 10, bottom: 10, left: 10},
width = 1245 - margin.left - margin.right,
height = 845 - margin.top - margin.bottom;
api="/api/annual-id?id=1200"
d3.json(api, function(data) {
const tooltip = d3
.select("body")
.append("div")
.attr("class", "tooltip");
var body = d3.select('body');
var svg = d3.select("#my_dataviz")
.append("svg")
.attr("width", width + margin.left + margin.right)
.attr("height", height + margin.top + margin.bottom)
.attr("class","svg-color")
.append("g")
.attr("transform",
"translate(" + margin.left + "," + margin.top + ")")
console.log('a',data)
// console.log(dataa)
var root = d3.hierarchy(data).sum(function (d) {
return d.paid + d.not_Paid + 515
})
d3.treemap()
.size([width, height])
.paddingTop(28)
.paddingRight(7)
.paddingInner(7)
(root)