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
Copy file name to clipboardExpand all lines: js/Chart/Trendlines.md
+15-15Lines changed: 15 additions & 15 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -10,8 +10,8 @@ api : /api/js/ejchart
10
10
11
11
# Trendlines
12
12
13
-
EjChart can generate Trendlines for Cartesian type series *(Line, Column, Scatter, Area, Candle, HiLo etc.)* except bar type series. You can add more than one trendline object to the [`trendlines`](../api/ejchart#members:series-trendlines) option.
14
-
The visibility of the trendline is controlled by using the [`visibility`](../api/ejchart#members:series-trendlines-visibility) property.
13
+
EjChart can generate Trendlines for Cartesian type series *(Line, Column, Scatter, Area, Candle, HiLo etc.)* except bar type series. You can add more than one trendline object to the [`trendlines`](../api/js/ejchart#members:series-trendlines) option.
14
+
The visibility of the trendline is controlled by using the [`visibility`](../api/js/ejchart#members:series-trendlines-visibility) property.
15
15
16
16
{% highlight javascript %}
17
17
@@ -37,7 +37,7 @@ The visibility of the trendline is controlled by using the [`visibility`](../api
37
37
38
38
## Customize the trendline styles
39
39
40
-
A trendline can be customized by using the properties such as [`fill`](../api/ejchart#members:series-trendlines-fill), [`width`](../api/ejchart#members:series-trendlines-width), [`dashArray`](../api/ejchart#members:series-trendlines-dasharray) and [`opacity`](../api/ejchart#members:series-trendlines-opacity). The default type of trendline is **"linear"**.
40
+
A trendline can be customized by using the properties such as [`fill`](../api/js/ejchart#members:series-trendlines-fill), [`width`](../api/js/ejchart#members:series-trendlines-width), [`dashArray`](../api/js/ejchart#members:series-trendlines-dasharray) and [`opacity`](../api/js/ejchart#members:series-trendlines-opacity). The default type of trendline is **"linear"**.
41
41
42
42
{% highlight javascript %}
43
43
@@ -73,7 +73,7 @@ EjChart supports the following type of Trendlines.
73
73
74
74
### Linear
75
75
76
-
To render Linear Trendline, you have to set the [`type`](../api/ejchart#members:series-trendlines-type) as **"linear"**.
76
+
To render Linear Trendline, you have to set the [`type`](../api/js/ejchart#members:series-trendlines-type) as **"linear"**.
77
77
78
78
{% highlight javascript %}
79
79
@@ -96,7 +96,7 @@ To render Linear Trendline, you have to set the [`type`](../api/ejchart#members:
96
96
97
97
### Exponential
98
98
99
-
Exponential Trendline can be rendered by setting the [`type`](../api/ejchart#members:series-trendlines-type) as **"exponential"**.
99
+
Exponential Trendline can be rendered by setting the [`type`](../api/js/ejchart#members:series-trendlines-type) as **"exponential"**.
100
100
101
101
{% highlight javascript %}
102
102
@@ -119,7 +119,7 @@ Exponential Trendline can be rendered by setting the [`type`](../api/ejchart#mem
119
119
120
120
### Logarithmic
121
121
122
-
Logarithmic Trendline can be rendered by setting the [`type`](../api/ejchart#members:series-trendlines-type) as **"Logarithmic"**.
122
+
Logarithmic Trendline can be rendered by setting the [`type`](../api/js/ejchart#members:series-trendlines-type) as **"Logarithmic"**.
123
123
124
124
{% highlight javascript %}
125
125
@@ -142,7 +142,7 @@ Logarithmic Trendline can be rendered by setting the [`type`](../api/ejchart#mem
142
142
143
143
### Power
144
144
145
-
Power Trendline can be rendered by setting the [`type`](../api/ejchart#members:series-trendlines-type) of the trendline as **"power"**.
145
+
Power Trendline can be rendered by setting the [`type`](../api/js/ejchart#members:series-trendlines-type) of the trendline as **"power"**.
146
146
147
147
{% highlight javascript %}
148
148
@@ -165,7 +165,7 @@ Power Trendline can be rendered by setting the [`type`](../api/ejchart#members:s
165
165
166
166
### Polynomial
167
167
168
-
Polynomial Trendline can be rendered by setting the trendline [`type`](../api/ejchart#members:series-trendlines-type) as **"polynomial"**. You can change the polynomial order by using the [`polynomialOrder`](../api/ejchart#members:series-trendlines-polynomialorder) of the trendlines. It ranges from 2 to 6.
168
+
Polynomial Trendline can be rendered by setting the trendline [`type`](../api/js/ejchart#members:series-trendlines-type) as **"polynomial"**. You can change the polynomial order by using the [`polynomialOrder`](../api/js/ejchart#members:series-trendlines-polynomialorder) of the trendlines. It ranges from 2 to 6.
169
169
170
170
{% highlight javascript %}
171
171
@@ -189,14 +189,14 @@ Polynomial Trendline can be rendered by setting the trendline [`type`](../api/ej
189
189
190
190
### MovingAverage
191
191
192
-
MovingAverage Trendline can be rendered by setting the [`type`](../api/ejchart#members:series-trendlines-type) of the trendline as **"movingAverage"**.
192
+
MovingAverage Trendline can be rendered by setting the [`type`](../api/js/ejchart#members:series-trendlines-type) of the trendline as **"movingAverage"**.
193
193
194
194
{% highlight javascript %}
195
195
196
196
$("#container").ejChart({
197
197
series:[{
198
198
trendlines: [{
199
-
//Change Trendline type and set [`period`](../api/ejchart#members:series-trendlines-period) for moving average
199
+
//Change Trendline type and set [`period`](../api/js/ejchart#members:series-trendlines-period) for moving average
200
200
type: "movingAverage", period: 3
201
201
}],
202
202
//...
@@ -218,7 +218,7 @@ MovingAverage Trendline can be rendered by setting the [`type`](../api/ejchart#m
218
218
219
219
### Forward Forecasting
220
220
221
-
The value set for [`forwardForecast`](../api/ejchart#members:series-trendlines-forwardforecast) is used to determine the distance moving towards the future trend.
221
+
The value set for [`forwardForecast`](../api/js/ejchart#members:series-trendlines-forwardforecast) is used to determine the distance moving towards the future trend.
222
222
223
223
{% highlight javascript %}
224
224
@@ -243,7 +243,7 @@ The value set for [`forwardForecast`](../api/ejchart#members:series-trendlines-f
243
243
244
244
### Backward Forecasting
245
245
246
-
The value set for the [`backwardForecast`](../api/ejchart#members:series-trendlines-backwardforecast) is used to determine the past trends.
246
+
The value set for the [`backwardForecast`](../api/js/ejchart#members:series-trendlines-backwardforecast) is used to determine the past trends.
247
247
248
248
{% highlight javascript %}
249
249
@@ -267,7 +267,7 @@ The value set for the [`backwardForecast`](../api/ejchart#members:series-trendli
267
267
268
268
## Trendlines Legend
269
269
270
-
To display the legend item for trendline, use the [`name`](../api/ejchart#members:series-trendlines-name) property. You can interact with the trendline legends similar to the series legends *(show/hide trendlines on legend click)*.
270
+
To display the legend item for trendline, use the [`name`](../api/js/ejchart#members:series-trendlines-name) property. You can interact with the trendline legends similar to the series legends *(show/hide trendlines on legend click)*.
271
271
272
272
{% highlight javascript %}
273
273
@@ -290,7 +290,7 @@ To display the legend item for trendline, use the [`name`](../api/ejchart#member
290
290
291
291
## Trendlines Intercept and visibleOnLegend
292
292
293
-
The trendline intercept value can be provided using [`intercept`](../api/ejchart#members:series-trendlines-intercept) property. The [`visibleOnLegend`](../api/ejchart#members:series-trendlines-visibleonlegend) shows/hides the trendline legend.
293
+
The trendline intercept value can be provided using [`intercept`](../api/js/ejchart#members:series-trendlines-intercept) property. The [`visibleOnLegend`](../api/js/ejchart#members:series-trendlines-visibleonlegend) shows/hides the trendline legend.
294
294
295
295
{% highlight javascript %}
296
296
@@ -307,7 +307,7 @@ The trendline intercept value can be provided using [`intercept`](../api/ejchart
307
307
308
308
## Trendlines Tooltip
309
309
310
-
The trendline [`tooltip`](../api/ejchart#members:series-trendlines-tooltip) can be customized using options like [`color`](../api/ejchart#members:series-trendlines-tooltip-border-color) and [`width`](../api/ejchart#members:series-trendlines-tooltip-border-width) of [`border`](../api/ejchart#members:series-trendlines-tooltip-border), [`rx`](../api/ejchart#members:series-trendlines-tooltip-rx), [`ry`](../api/ejchart#members:series-trendlines-tooltip-ry), [`duration`](../api/ejchart#members:series-trendlines-tooltip-duration), [`enableAnimation`](../api/ejchart#members:series-trendlines-tooltip-enableanimation), [`fill`](../api/ejchart#members:series-trendlines-tooltip-fill), [`format`](../api/ejchart#members:series-trendlines-tooltip-format) and [`opacity`](../api/ejchart#members:series-trendlines-tooltip-opacity).
310
+
The trendline [`tooltip`](../api/js/ejchart#members:series-trendlines-tooltip) can be customized using options like [`color`](../api/js/ejchart#members:series-trendlines-tooltip-border-color) and [`width`](../api/js/ejchart#members:series-trendlines-tooltip-border-width) of [`border`](../api/js/ejchart#members:series-trendlines-tooltip-border), [`rx`](../api/js/ejchart#members:series-trendlines-tooltip-rx), [`ry`](../api/js/ejchart#members:series-trendlines-tooltip-ry), [`duration`](../api/js/ejchart#members:series-trendlines-tooltip-duration), [`enableAnimation`](../api/js/ejchart#members:series-trendlines-tooltip-enableanimation), [`fill`](../api/js/ejchart#members:series-trendlines-tooltip-fill), [`format`](../api/js/ejchart#members:series-trendlines-tooltip-format) and [`opacity`](../api/js/ejchart#members:series-trendlines-tooltip-opacity).
0 commit comments