Skip to content

Releases: zingchart/ZingChart-AngularJS

Watch added to zcRender

30 Aug 16:52
Compare
Choose a tag to compare

Watch functionality was added to zcRender. This allows the ability to change any attribute within the render method.

Chart Destruction Updates

10 Aug 23:06
Compare
Choose a tag to compare

Added $scope.$on('destroy',...) functionality to clean up the charts when switching between views.

Fixed issue injecting values into json

04 May 20:53
Compare
Choose a tag to compare

Directive was not applying the user provided values array to a user provided json properly on update (triggered via watch).

Fix for dynamic DOM id

21 Oct 19:24
Compare
Choose a tag to compare

Fixed an issue where the directive would not properly run when using the ng-attr-id attribute to dynamically bind an id.

Usage example :

//HTML
<zingchart ng-attr-id="{{myId}}" zc-json="myJson"></zingchart>
//Javascript inside your controller
  $scope.myId = "chart-1";
  $scope.zcJson = { ...};

Auto-binding id

12 Oct 17:32
Compare
Choose a tag to compare

Allow the id attribute to be optional. If the id is not specified, the directive will auto generate one in the form of zingchart-auto-#

NPM Require support

18 Sep 15:51
Compare
Choose a tag to compare
1.0.4

Added npm require support

Responsiveness

21 Aug 18:57
Compare
Choose a tag to compare

Auto-detect 100% height and width either from the attributes ('zc-height' & 'zc-width) or from the zc-render object. It will automatically set the container DOM to have a style of 100% and width 100% for zingchart to expand to.

Bug Fixes

15 Aug 22:56
Compare
Choose a tag to compare
  • The zc-values and zc-json watch functions were triggering an extra re-render
  • Use of the graphset feature in zingchart would append a type : 'line' to the json.

Exposed the 'A' attribute binding for the directive

06 Apr 19:22
Compare
Choose a tag to compare

As of v1.0.1, the attribute is now exposed to the directive allowing you to bind the zingchart directive to an actual DOM element along with the <zingchart> element. The following are equivalent :

<div zingchart zc-values="myValues"></div>

<zingchart zc-values="myValues"></zingchart>

This will allow you to utilize percentage values in the height/width render options by maintaining a DIV's inherit properties.
Example:

//JS
$scope.myValues = [0,2,3,5];
$scope.myRender = {
  height: 400,
  width: 100%
}

//HTML
<div zingchart zc-values="myValues" zc-render="myRender"></div>

Initial Public Release

05 Mar 16:37
Compare
Choose a tag to compare

Initial Public Release