D3.Js需要具有动态字符串路径的文件

Question

我正在D3.js中构建可视化文件，并且一直在像这样导入数据：

[1] d3.json( "data/HoneyProduction-2013.json", function( honey_data ){...

为了使它更易于使用并且使用户更容易地分析更多数据，我实现了一个滑块。

用户将从该滑块中选择要分析的年份，该年份将显示在我为其指定ID vardatayear的特定标题上。

在我的.js文件中，我创建了一个变量来从该ID中获取元素

[2] var honeyyear = document.getElementById("vardatayear");

现在，我的目标是在导入[1]的文件路径中创建一个动态字符串，该字符串需要var honeyyear（定义文件的年份）才能从该特定年份提取文件。

感谢您的帮助。

Answer 1

创建模板字符串

d3.json( `data/HoneyProduction-${honeyyear}.json`, function( honey_data ){...

修改

d3.json( `data/HoneyProduction-${honeyyear ? honeyyear : sliderInitVal}.json`, function( honey_data ){...