Angularjs Charts

  • Render AngularJs charts simply by adding a ZingChart configuration object as a scope variable
  • Configure your chart through a scope variable …
  • The directive can be set up to watch for the chart’s data values, or even chart configuration attributes.
  • The directive simply adds dynamic data-binding to your configuration object and/or data.
  • Utilize AngularJS’s two-way data-binding by allowing this directive to watch for changes.

A directive to create dynamic AngularJS charts with your data. Easy to set up. Style as you like. Access all the features of our charting library.

@brian_booden: Consider this my first adventure into #angularjs with @qlik Sense #dataviz #analytics #angularnewbie

ZingChart-AngularJS is an AngularJS directive to allow ZingChart to work dynamically with data.

Render AngularJs charts simply by adding a ZingChart configuration object as a scope variable

Charts can be extensively customized with the ZingChart library.

Utilize the power of Angular by allowing the directive to watch for changes to the configuration and the values of the chart, and dynamically update.

The directive is simply a wrapper around ZingChart allowing users to have full capabilities of the library.

Maps can easily be rendered utilizing the ZingChart library

Allow ZingChart to resize dynamically to the full width and height of it’s parent. Drag the bottom right hand corner to see the responsiveness.

Fetch new data using AJAX, change the scope variable, automatically update the chart!

Simple to use AngularJS’s directive syntax available as either:

An element:

OR

An attribute:

For basic charts, just add data!

The directive simply adds dynamic data-binding to your configuration object and/or data. No extra syntax, only the ZingChart syntax you know and love. This allows users to access all features provided by the main ZingChart library

Utilize AngularJS’s two-way data-binding by allowing this directive to watch for changes. The directive can be set up to watch for the chart’s data values, or even chart configuration attributes.

Need to squeeze out performance?

Want to learn more about its other features?

Angularjs Charts

You might also like More from author

Comments are closed, but trackbacks and pingbacks are open.