You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The ZingChart Component takes the following attributes:
32
32
33
33
34
-
###_zc-id_[string]```(required)```
34
+
###_zc-id_[string]```(required)```
35
35
The id for the DOM element for ZingChart to attach to.
36
-
#####Example:
36
+
#####Example:
37
37
```html
38
38
<zingchartid="chart-1"></zingchart>
39
39
```
40
40
41
41
---
42
42
43
43
44
-
###_zc-values_[array]```(optional)```
44
+
###_zc-values_[array]```(optional)```
45
45
```default : null```
46
46
47
47
Either a single-dimensional or multi-dimensional array containing the values to be charted. **Must be an Angular scope variable to bind to the directive** Overrides the series values in the zc-render and zc-data objects.
@@ -58,7 +58,7 @@ data:{
58
58
```
59
59
The directive takes care of the work so you don't have to create this object
A ZingChart configuration object. **Must be an Angular scope variable to bind to the directive**. This is the same object you would use to configure a chart using zingchart.render.data. It is a pseudo-parent object of zc-values. The directive performs a deep-watch on the object for any changes, and stringifys the result as JSON to be rendered to ZingChart. More information : http://www.zingchart.com/docs/json-attributes-syntax/
79
79
80
-
#####Example:
80
+
#####Example:
81
81
http://jsfiddle.net/mschultz/tne7uuq0/
82
82
```js
83
83
//.js
@@ -113,14 +113,14 @@ Note: You can add series values into this object like you normally would while u
113
113
---
114
114
115
115
116
-
###_zc-render_[object]```(optional)```
116
+
###_zc-render_[object]```(optional)```
117
117
```default : null```
118
118
119
119
A ZingChart render object. This is the same object you would use to configure a chart using zingchart.render. You can change the render type, add events, and change other zingchart properties in here. Acts like a pseudo-parent of zc-values and zc-data. zc-render's properties will be overwritten if zc-values and zc-data are defined. More information : http://www.zingchart.com/docs/reference/zingchart-object/#zingchart__render
120
120
121
121
Note: This object will not be watched inside the directive. It is a one-time setup. While you can insert your data values into the render object directly, it is encouraged to use the zc-values attribute to enable dynamic updating.
122
122
123
-
#####Example:
123
+
#####Example:
124
124
```js
125
125
//.js
126
126
$scope.myValues= [0,1,2];
@@ -138,7 +138,7 @@ $scope.myRender = {
138
138
---
139
139
140
140
141
-
###_zc-height_[number]```(optional)```
141
+
###_zc-height_[number]```(optional)```
142
142
```default : 400```
143
143
144
144
Will override the height inside of a zc-render object if defined.
@@ -151,11 +151,11 @@ Will override the height inside of a zc-render object if defined.
151
151
---
152
152
153
153
154
-
###_zc-width_[number]```(optional)```
154
+
###_zc-width_[number]```(optional)```
155
155
```default : 600```
156
156
157
157
Will override the width inside of a zc-render object if defined.
158
-
#####Example:
158
+
#####Example:
159
159
```html
160
160
//.html
161
161
<zingchartid="chart-1"zc-width="500"></zingchart>
@@ -164,11 +164,11 @@ Will override the width inside of a zc-render object if defined.
164
164
---
165
165
166
166
167
-
###_zc-type_[string]```(optional)```
167
+
###_zc-type_[string]```(optional)```
168
168
```default : line```
169
169
170
170
Will override the render type inside of a zc-render and zc-data object if defined.
0 commit comments