迪赛智慧数——折线图（动态折线图）：2001- 2020中国城镇收入、房价、GDP、通货增长对比

原创于 2022-05-15 10:45:00 发布 · 4.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#数据可视化 #javascript

迪赛智慧数专栏收录该内容

245 篇文章

订阅专栏

本文通过折线图展示了2001年至2020年中国城镇居民人均可支配收入、房价、GDP及通货膨胀的增长情况。尽管收入增长显著，但与房价增速相比，仍显得购房困难。数据可视化利用javascript实现，包括图层参数、位置大小、布局等详细配置，以动态方式呈现数据变化，揭示居民收入与消费水平之间的关系。

效果图

中国城镇居民人均可支配收入增长迅速。从2001年的6824元到2020年的43834元，2020年与2001年相比增长近6倍，增速超过全国房价平均增速。从数据看整体收入增速是高于房价、CPI和GDP增速的，居民收入的整体是增长的，可是为什么还是买房困难？收入增长的同时消费水平也随之增长。

数据源：静态数据

{
  "column": ["年份","项目","百分比"],
  "data": [
    [2001, "收入增长率",9],
    [2001, "房价涨幅",2.7],
    [2001, "GDP增速",8.34],
    [2001, "通货膨胀率",8.55],
    [2002, "收入增长率",12.1],
    [2002, "房价涨幅",3.7],
    [2002, "GDP增速",9.12],
    [2002, "通货膨胀率",7.09],
    [2003, "收入增长率",9.8],
    [2003, "房价涨幅",4.8],
    [2003, "GDP增速",10.4],
    [2003, "通货膨胀率",8.67],
    [2004, "收入增长率",11],
    [2004, "房价涨幅",17.7],
    [2004, "GDP增速",10.11],
    [2004, "通货膨胀率",4],
    [2005, "收入增长率",11.2],
    [2005, "房价涨幅",14],
    [2005, "GDP增速",11.39],
    [2005, "通货膨胀率",5.55],
    [2006, "收入增长率",11.9],
    [2006, "房价涨幅",6.3],
    [2006, "GDP增速",12.73],
    [2006, "通货膨胀率",2.61],
    [2007, "收入增长率",17],
    [2007, "房价涨幅",14.7],
    [2007, "GDP增速",14.23],
    [2007, "通货膨胀率",2],
    [2008, "收入增长率",13.5],
    [2008, "房价涨幅",-1.7],
    [2008, "GDP增速",9.65],
    [2008, "通货膨胀率",7.41],
    [2009, "收入增长率",8.7],
    [2009, "房价涨幅",23.2],
    [2009, "GDP增速",9.4],
    [2009, "通货膨胀率",17.39],
    [2010, "收入增长率",11.1],
    [2010, "房价涨幅",7.5],
    [2010, "GDP增速",10.6],
    [2010, "通货膨胀率",7.51],
    [2011, "收入增长率",14.1],
    [2011, "房价涨幅",6.4],
    [2011, "GDP增速",9.55],
    [2011, "通货膨胀率",7.1],
    [2012, "收入增长率",12.6],
    [2012, "房价涨幅",8],
    [2012, "GDP增速",7.86],
    [2012, "通货膨胀率",6.06 ],
    [2013, "收入增长率",9.7],
    [2013, "房价涨幅", 7.7],
    [2013, "GDP增速", 7.77],
    [2013, "通货膨胀率",5.4],
    [2014, "收入增长率",9],
    [2014, "房价涨幅",1.4],
    [2014, "GDP增速",7.43],
    [2014, "通货膨胀率", 3],
    [2015, "收入增长率",8.2],
    [2015, "房价涨幅",7.4 ],
    [2015, "GDP增速",7.04 ],
    [2015, "通货膨胀率",5.89],
    [2016, "收入增长率",7.8],
    [2016, "房价涨幅",10],
    [2016, "GDP增速",6.85 ],
    [2016, "通货膨胀率",4.2],
    [2017, "收入增长率",8.3],
    [2017, "房价涨幅",5.5],
    [2017, "GDP增速", 6.95],
    [2017, "通货膨胀率",1.96 ],
    [2018, "收入增长率",7.8],
    [2018, "房价涨幅",10.5],
    [2018, "GDP增速",6.75],
    [2018, "通货膨胀率",1.24],
    [2019, "收入增长率",7.9],
    [2019, "房价涨幅",6.7],
    [019, "GDP增速",5.95],
    [2019, "通货膨胀率",2.64],
    [2020, "收入增长率",3.5],
    [2020, "房价涨幅",5.9 ],
    [2020, "GDP增速",2.23 ],
    [2020, "通货膨胀率",7.68]
  ]
}

属性配置

（1）图层参数