javascript - 一起使用 d3.js 和 canvas 创建图表
问题描述
我一直在使用D3.js库来创建一些基本图表。我正在尝试使用 HTML5 画布创建条形图,但发现很难创建。我找到了一些资源和此图表,但我无法理解它是如何完成的。你们能推荐一些资源/教程/书籍/博客吗带有画布的 D3.js,所以我可以更好地了解它是如何完成的。
谢谢!
解决方案
我读到这篇文章的第一个想法是可能有点不匹配。没有理由不能将 D3.js 和 canvas 一起使用,但我认为你会发现使用 SVG 而不是使用 D3 的 canvas 更容易,而且你会在动画、CSS 方面获得各种好处操纵性和可访问性。
如果您确实想坚持使用画布,那么请使用Chart.js而不是 D3,它旨在与画布一起使用,并呈现出更温和的学习曲线,是一种开箱即用的解决方案。
推荐阅读
- flutter - 传递正确的上下文以在颤动中构建按钮小部件
- android - Google Places API AutocompleteSupportFragment 空指针异常
- python - Python 删除西班牙语单词
- bean-validation - JSR-303 不支持这样的场景?
- ios - UITableviews之间的匹配行高
- python - 使用 BeautifulSoup 抓取具有多个页面的表格
- javascript - 使用 1 个按钮或 1 个输入提交 2 个表单
- javascript - 页面刷新时更改图像有时会继续加载相同的图像
- go - GoLand 中的 Go 文本模板语法高亮显示
- node.js - 电子角度nodejs环境中的CORS