d3_angular_example_1 集成AngularJS和D3
集成AngularJS和D3:一个简单的例子!这是如何使用AngularJS和D3.js创建条形图的示例。此示例是针对此stackoverflow问题创建的。目前的解决方案非常简单,只包含3个文件:index.html、app.js(AngularJS)和样式表文件。
Html代码部分,控制器绑定到body元素。用于显示图表的实际元素是具有.chart样式的div。chart-caption元素仅用于允许用户通过绑定到控制器$scope.chart_data的input元素输入数据。注意:应用程序需要逗号分隔值;没有进行数据或安全验证。
如果你想了解更多有关条形图的制作方法,可以参考这个由D3.js制成的条形图源码。还有另一个条形图示例,或许能给你带来灵感。
对于AngularJS的进一步了解,可以看看这个AngularJS示例以及关于AngularJS前端框架的介绍。想要更深入的前端开发体验,不妨参考这篇apaas前端开发示例。
更丰富的资料?没问题!《疯狂前端开发讲义:jQuery加AngularJS加Bootstrap前端开发实战》不仅有在线讲义,还有完整的PDF文档和源码,真是应有尽有!
让我们来看看具体的应用场景,比如这个AngularJS前端页面操作之用户修改密码功能示例。前端开发真的无穷无尽,这里还有一个JavaWeb前端开发示例。
还不满足?这里有更多AngularJS和Bootstrap的前端开发案例,甚至还有天地图WebGIS前端开发示例。
如果你像我一样喜欢探索新知识,或许会对AngularJs加Bootstrap前端框架和前端angularjs视频全套资源感兴趣。还在等什么呢?赶快探索吧!
用户评论