工具介绍
NVD3 可重用图表库 (基于 D3) 的 AngularJS 指令。通过 JSON API 轻松自定义您的图表。
Angular-nvD3 这个插件旨在使使用 nvd3.js 可重用的图表库更加方便。该指令允许您通过 JSON API 轻松自定义图表。 其主要特点是 nvd3 模型的原始层次结构完全保留在指令的 JSON 结构中。这意味着在创建包含多个基本图表模型(如 line、bar、axis 等)的复杂图表时,您可以根据自己的需要自定义每个内部基本模型的属性以及全局图表属性。这可以像通常一样完成,但使用 JSON 方法时,自定义起来会更加容易。
试试 在线版。
如何使用
将 nvd3 指令注入 Angular 模块中,设置一些图表选项并将一些数据推送到控制器中: