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
3
+
4
4
5
5
This demo application belongs to the set of examples for LightningChart JS, data visualization library for JavaScript.
6
6
7
7
LightningChart JS is entirely GPU accelerated and performance optimized charting library for presenting massive amounts of data. It offers an easy way of creating sophisticated and interactive charts and adding them to your website or web application.
8
8
9
9
The demo can be used as an example or a seed project. Local execution requires the following steps:
10
10
11
-
- Make sure that relevant version of [Node.js](https://nodejs.org/en/download/) is installed
12
-
- Open the project folder in a terminal:
11
+
-Make sure that relevant version of [Node.js](https://nodejs.org/en/download/) is installed
12
+
-Open the project folder in a terminal:
13
13
14
-
npm install # fetches dependencies
15
-
npm start # builds an application and starts the development server
14
+
npm install # fetches dependencies
15
+
npm start # builds an application and starts the development server
16
16
17
-
- The application is available at *http://localhost:8080* in your browser, webpack-dev-server provides hot reload functionality.
17
+
-The application is available at _http://localhost:8080_ in your browser, webpack-dev-server provides hot reload functionality.
18
18
19
19
20
20
## Description
@@ -24,13 +24,13 @@ This example plots a million data points in an instant using line series.
24
24
## Progressive data optimizations
25
25
26
26
By default, `LineSeries` can take list of XY coordinates in any order, connecting them with a line stroke.
27
-
However, in a lot of applications, the input data comes in a distinct order, for example, X coordinates describe a timestamp which increases between each consecutive data point. We refer to this as a *progressive data pattern*.
27
+
However, in a lot of applications, the input data comes in a distinct order, for example, X coordinates describe a timestamp which increases between each consecutive data point. We refer to this as a _progressive data pattern_.
28
28
29
-
`LineSeries` is coupled together with highly sophisticated optimizations that can be enabled in applications where input data follows a *data pattern*. This example showcases the `'ProgressiveX'`*pattern*.
29
+
`LineSeries` is coupled together with highly sophisticated optimizations that can be enabled in applications where input data follows a _data pattern_. This example showcases the `'ProgressiveX'`_pattern_.
30
30
31
31
### Enabling data pattern optimizations
32
32
33
-
*Data pattern* must be specified when the *series* is created:
33
+
_Data pattern_ must be specified when the _series_ is created:
34
34
35
35
```typescript
36
36
// Create LineSeries with 'ProgressiveX' data pattern.
@@ -40,33 +40,33 @@ const series = ChartXY.addLineSeries({
40
40
pattern: 'ProgressiveX',
41
41
// regularProgressiveStep: true => The X step between each consecutive data point is regular (for example, always `1.0`).
42
42
regularProgressiveStep: true,
43
-
}
44
-
})
43
+
},
44
+
})
45
45
```
46
46
47
-
Available *data patterns* are:
48
-
-`'ProgressiveX'`: Each consecutive data point has increased X coordinate.
49
-
-`'ProgressiveY'`: Each consecutive data point has increased Y coordinate.
50
-
-`'RegressiveX'`: Each consecutive data point has decreased X coordinate.
51
-
-`'RegressiveX'`: Each consecutive data point has decreased Y coordinate.
47
+
Available _data patterns_ are:
48
+
49
+
-`'ProgressiveX'`: Each consecutive data point has increased X coordinate.
50
+
-`'ProgressiveY'`: Each consecutive data point has increased Y coordinate.
51
+
-`'RegressiveX'`: Each consecutive data point has decreased X coordinate.
52
+
-`'RegressiveX'`: Each consecutive data point has decreased Y coordinate.
52
53
53
54
The pattern of data can be identified even further with the optional `regularProgressiveStep` property.
54
-
This can be enabled when the *progressive step* (for example, `'ProgressiveX'` -> X step) between each data point is regular, leading to even more significant optimizations.
55
+
This can be enabled when the _progressive step_ (for example, `'ProgressiveX'` -> X step) between each data point is regular, leading to even more significant optimizations.
55
56
56
57
### Side-effects and good to know
57
58
58
-
When a series is configured with a *data pattern*, the rendering process makes logical deductions and ssumptions on the user input data, according to the *data pattern* specification. **If the supplied input data does not follow the specification, rendering errors or even crashes can occur.** If you run into strange issues, first see if disabling the *data pattern* helps, or if your input data is somehow invalid.
59
-
59
+
When a series is configured with a _data pattern_, the rendering process makes logical deductions and ssumptions on the user input data, according to the _data pattern_ specification. **If the supplied input data does not follow the specification, rendering errors or even crashes can occur.** If you run into strange issues, first see if disabling the _data pattern_ helps, or if your input data is somehow invalid.
60
60
61
61
## Automatic Axis scrolling
62
62
63
-
The scrolling of data in progressive series can also be automated and optimized by specifying ***ScrollStrategy*** for both x-axis & y-axis to perform the scrolling efficiently.
63
+
The scrolling of data in progressive series can also be automated and optimized by specifying **_ScrollStrategy_** for both x-axis & y-axis to perform the scrolling efficiently.
64
64
65
-
- Select ***AxisScrollStrategies.expansion***. Automatically increases a scale if some points are out of scale. Retains progressivity/regressivity of used scale.
66
-
- Select ***AxisScrollStrategies.fitting***. Automatically increases a scale if some points are out of scale and reduces it if there is too much empty space. Retains progressivity/regressivity of used scale.
67
-
- Select ***AxisScrollStrategies.progressive***. Automatically scrolls a scale in a positive direction.
68
-
- Select ***AxisScrollStrategies.regressive***. Automatically scrolls a scale to a negative direction.
69
-
- Pass ***undefined*** to disable automatic scrolling. Scale can then be manually set using *setInterval* method of ***Axis***
65
+
-Select **_AxisScrollStrategies.expansion_**. Automatically increases a scale if some points are out of scale. Retains progressivity/regressivity of used scale.
66
+
-Select **_AxisScrollStrategies.fitting_**. Automatically increases a scale if some points are out of scale and reduces it if there is too much empty space. Retains progressivity/regressivity of used scale.
67
+
-Select **_AxisScrollStrategies.progressive_**. Automatically scrolls a scale in a positive direction.
68
+
-Select **_AxisScrollStrategies.regressive_**. Automatically scrolls a scale to a negative direction.
69
+
-Pass **_undefined_** to disable automatic scrolling. Scale can then be manually set using _setInterval_ method of **_Axis_**
70
70
71
71
72
72
## API Links
@@ -82,26 +82,26 @@ The scrolling of data in progressive series can also be automated and optimized
82
82
83
83
If you notice an error in the example code, please open an issue on [GitHub][0] repository of the entire example.
84
84
85
-
Official [API documentation][1] can be found on [Arction][2] website.
85
+
Official [API documentation][1] can be found on [LightningChart][2] website.
86
86
87
87
If the docs and other materials do not solve your problem as well as implementation help is needed, ask on [StackOverflow][3] (tagged lightningchart).
88
88
89
-
If you think you found a bug in the LightningChart JavaScript library, please contact support@arction.com.
89
+
If you think you found a bug in the LightningChart JavaScript library, please contact support@lightningchart.com.
90
90
91
-
Direct developer email support can be purchased through a [Support Plan][4] or by contacting sales@arction.com.
91
+
Direct developer email support can be purchased through a [Support Plan][4] or by contacting sales@lightningchart.com.
0 commit comments