【文件属性】:
文件名称:market-data-visualization:D3.js
文件大小:123KB
文件格式:ZIP
更新时间:2021-05-19 03:24:28
JavaScript
市场数据可视化
这个JavaScript小型项目是在不到一周的时间内创建的,它探索了D3.js库,这对我来说是新的。
用户可以从图中选择时间范围,并查看该时间范围内各个公司在股票市场中的表现。
特征
显示主要图表,显示选定的公司,X轴表示其当前市值,Y轴表示回报率。
在每个选择中都更改了轴以匹配数据。
将鼠标悬停在每个气泡上将显示所选公司详细信息及其股票表现的弹出窗口
D3.js功能
使用D3库可以使项目在选择其他时间范围后动态地移动轴。 使用D3,您可以在SVG中选择一个元素,并在D3库中调用函数来对其进行操作。
let updateChartAxis = d3.select('#chart').transition();
updateChartAxis.select('.y-axis')
.duration(500)
.call(yAxis);
updateChart
【文件预览】:
market-data-visualization-master
----.gitignore(24B)
----package.json(796B)
----package-lock.json(138KB)
----src()
--------index.js(6KB)
--------bundle.min.js(284KB)
--------stock_chart.js(1KB)
----webpack.config.js(636B)
----assets()
--------favicon.ico(1KB)
----css()
--------main.css(2KB)
----README.md(2KB)
----index.html(3KB)
----docs()
--------PROPOSAL.md(1KB)