足球时间可视化
完成此操作的步骤:
将您的数据对象添加到 data.js
d3-chart.js 中有一些布尔标志和其他常量,用于控制您可能想要调整的各种功能。 它们位于函数的顶部。
如果要修改图表大小, CHART_HEIGHT在 d3-chart.js 中编辑CHART_WIDTH和 CHART_HEIGHT。 还要修改.chartbox width顶部的.chartbox width属性
修改 d3-chart.js 底部的提示工具提示以包含您真正关心的各种属性(而不是.foo 、 .bar等)
上述内容在代码中用TODO注释标记。
在 Google Chrome 中本地查看 index.html。 不要忘记检查这一切是否都可以离线工作,以获得最大的演示效果。 我想我已经把所有必要的 .js 和 .css 文件都带进了这个仓库,但你不能太小心。