Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/cplusplus/154.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript d3.js csv数据过滤器包含一个单词_Javascript_D3.js_Bar Chart - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript d3.js csv数据过滤器包含一个单词

Javascript d3.js csv数据过滤器包含一个单词

javascript d3.js

Javascript d3.js csv数据过滤器包含一个单词,javascript,d3.js,bar-chart,Javascript,D3.js,Bar Chart,我有一个像这样的CSV文件 product, year Apple Iphone11,2019 Apple Iphone11 pro,2019 Apple Iphone11 pro max,2019 Samsung Galaxy S10+,2019 Samsung Galaxy Note10+, 2019 Sony Xperia 1,2019 Sony Xperia 5,2019 如何用条形图过滤单词（苹果、三星、索尼） 图表将显示产品数量和公司名称 例如，（x，y）将是（苹果，3） 创建地

我有一个像这样的CSV文件

product, year

Apple Iphone11,2019
Apple Iphone11 pro,2019
Apple Iphone11 pro max,2019
Samsung Galaxy S10+,2019
Samsung Galaxy Note10+, 2019
Sony Xperia 1,2019
Sony Xperia 5,2019
如何用条形图过滤单词（苹果、三星、索尼） 图表将显示产品数量和公司名称 例如，（x，y）将是（苹果，3）

  • 创建地图

    const brand2occurrences=newmap（）
  • 对于csv的每一行（不要忘记第一行是标题），按“”拆分，然后按“”拆分第一个值

    const currentBrand=currentRow.split（“，”[0]。split（“”[0]
所以现在你有了品牌名称
  • 记下到目前为止您进入该品牌的次数

    const currentOccurrencesOfThisBrand=brand2occurrences.get（currentBrand）
  • 更新出现次数的值（如果是第一次输入品牌，则计数器从1开始，否则更新）并保存

    brand2occurrences.set（currentBrand，（CurrentOccurrencesofhisBrand？CurrentOccurrencesofhisBrand++:1））

    • 现在你有了一个你想要的地图（BrandName，BrandEvents）