javascript - 简单的 d3.js 示例图表开始

标签 javascript canvas charts svg d3.js

我浏览了 d3.js 网站上的所有图表示例,但它太复杂了,难以理解。 我想要的只是绘制 x 轴和 y 轴并绘制一个 json 数据,如

{count:100,year:1999}
{count:240,year:2010}
{count:290,year:2009}

在 x 轴上计数,在 y 轴上计数年份。任何人都可以提供一个简单的示例来开始。

最佳答案

这两个沙箱有助于理解d3 - http://phrogz.net/js/d3-playground/#VerticalBars_HTML (虽然一些例子不再有效)和http://enjalot.com - 支流。

这是基于您的数据的条形图的开始:http://enjalot.com/inlet/4125640/

关于javascript - 简单的 d3.js 示例图表开始,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13495070/

相关文章:

Javascript 奇怪的 If 语句不起作用

javascript - 通过 node.js 发送 android 推送通知

jquery - 如何获取jCanvas版本?

javascript - 检测碰撞 JavaScript

angular - 在 ng2-charts 中自定义图例形状

javascript - 仅使用年(没有月或日)与谷歌时间线图表

javascript - 是否可以在整个文档准备好之前在网页上加载 Google Chart(在任何新的 GoogleCharts 版本上)?

javascript - Chrome 控制台/扩展 : Visit a URL and click a button. 冲洗并重复不同的 URL

javascript - 使用用户输入更新值

javascript - p5.j​​s 对象碰撞和对象纠缠