代码之家  ›  专栏  ›  技术社区  ›  Gonçalo Peres

d3.js需要一个具有动态字符串路径的文件

  •  1
  • Gonçalo Peres  · 技术社区  · 5 年前

    我在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(定义文件的年份)才能从特定年份中提取文件。

    感谢您的帮助。

    1 回复  |  直到 5 年前
        1
  •  2
  •   rioV8    5 年前

    创建模板字符串

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

    编辑

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