@vaadin/charts 22.0.0-beta1 → 22.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
#
|
|
1
|
+
# @vaadin/charts
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
|
5
|
-
[API documentation ↗](https://vaadin.com/components/vaadin-charts/html-api)
|
|
3
|
+
A feature-rich interactive charting library providing multiple different chart types.
|
|
6
4
|
|
|
7
|
-
|
|
5
|
+
> ℹ️ A commercial Vaadin [subscription](https://vaadin.com/pricing) is required to use Charts in your project.
|
|
6
|
+
|
|
7
|
+
[Documentation + Live Demo ↗](https://charts.demo.vaadin.com/vaadin-charts/)
|
|
8
8
|
|
|
9
9
|
[](https://www.npmjs.com/package/@vaadin/charts)
|
|
10
|
-
[](https://vaadin.com/directory/component/vaadinvaadin-element)
|
|
11
10
|
[](https://discord.gg/PHmkCKC)
|
|
12
11
|
|
|
13
12
|
```html
|
|
@@ -25,40 +24,29 @@
|
|
|
25
24
|
</vaadin-chart>
|
|
26
25
|
```
|
|
27
26
|
|
|
28
|
-
[<img src="https://raw.githubusercontent.com/vaadin/
|
|
29
|
-
|
|
30
|
-
## Relevant links
|
|
31
|
-
|
|
32
|
-
- **Product page** https://vaadin.com/charts
|
|
33
|
-
- **Trial license** https://vaadin.com/pro/licenses
|
|
27
|
+
[<img src="https://raw.githubusercontent.com/vaadin/web-components/master/packages/charts/screenshot.png" width="530" alt="Screenshot of vaadin-chart">](https://vaadin.com/docs/latest/ds/components/charts)
|
|
34
28
|
|
|
35
29
|
## Installation
|
|
36
30
|
|
|
37
|
-
Install
|
|
31
|
+
Install the component:
|
|
38
32
|
|
|
39
33
|
```sh
|
|
40
|
-
npm i @vaadin/charts
|
|
34
|
+
npm i @vaadin/charts
|
|
41
35
|
```
|
|
42
36
|
|
|
43
|
-
Once installed, import
|
|
37
|
+
Once installed, import the component in your application:
|
|
44
38
|
|
|
45
39
|
```js
|
|
46
|
-
import '@vaadin/charts
|
|
40
|
+
import '@vaadin/charts';
|
|
47
41
|
```
|
|
48
42
|
|
|
49
|
-
### Install License Key
|
|
50
|
-
|
|
51
|
-
After one day using Vaadin Charts in a development environment you will see a pop-up that asks you to enter the license key.
|
|
52
|
-
You can get your trial key from [https://vaadin.com/pro/licenses](https://vaadin.com/pro/licenses).
|
|
53
|
-
If the license is valid, it will be saved to the local storage of the browser and you will not see the pop-up again.
|
|
54
|
-
|
|
55
43
|
## Contributing
|
|
56
44
|
|
|
57
45
|
Read the [contributing guide](https://vaadin.com/docs/latest/guide/contributing/overview) to learn about our development process, how to propose bugfixes and improvements, and how to test your changes to Vaadin components.
|
|
58
46
|
|
|
59
47
|
## License
|
|
60
48
|
|
|
61
|
-
|
|
62
|
-
[Commercial Vaadin Developer License 4.0](https://vaadin.com/license/cvdl-4.0) ("CVDLv4"). A copy of the license is included as `LICENSE.txt` in this software package.
|
|
49
|
+
Commercial Vaadin Developer License 4.0 (CVDLv4). For license terms, see LICENSE.txt.
|
|
63
50
|
|
|
64
|
-
Vaadin collects development time
|
|
51
|
+
Vaadin collects usage statistics at development time to improve this product.
|
|
52
|
+
For details and to opt-out, see https://github.com/vaadin/vaadin-usage-statistics.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/charts",
|
|
3
|
-
"version": "22.0.
|
|
3
|
+
"version": "22.0.1",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -33,15 +33,15 @@
|
|
|
33
33
|
],
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@polymer/polymer": "^3.0.0",
|
|
36
|
-
"@vaadin/component-base": "22.0.
|
|
36
|
+
"@vaadin/component-base": "^22.0.1",
|
|
37
37
|
"@vaadin/vaadin-license-checker": "^2.1.0",
|
|
38
|
-
"@vaadin/vaadin-themable-mixin": "22.0.
|
|
38
|
+
"@vaadin/vaadin-themable-mixin": "^22.0.1",
|
|
39
39
|
"highcharts": "9.2.2"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@esm-bundle/chai": "^4.3.4",
|
|
43
|
-
"@vaadin/testing-helpers": "^0.3.
|
|
43
|
+
"@vaadin/testing-helpers": "^0.3.2",
|
|
44
44
|
"sinon": "^9.2.4"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "2b0a2bff0369d6020f7cc33ad35506aa2d1f6f68"
|
|
47
47
|
}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* This program is available under Commercial Vaadin Developer License 4.0, available at https://vaadin.com/license/cvdl-4.0.
|
|
5
5
|
*/
|
|
6
6
|
import { PolymerElement } from '@polymer/polymer/polymer-element.js';
|
|
7
|
-
import {
|
|
7
|
+
import { Chart, deepMerge } from './vaadin-chart.js';
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
10
|
* `<vaadin-chart-series>` is a custom element for creating series for Vaadin Charts.
|
package/src/vaadin-chart.d.ts
CHANGED
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
* Copyright (c) 2015 - 2021 Vaadin Ltd
|
|
4
4
|
* This program is available under Commercial Vaadin Developer License 4.0, available at https://vaadin.com/license/cvdl-4.0.
|
|
5
5
|
*/
|
|
6
|
+
import { Axis, Chart as HighchartsChart, ExtremesObject, Options, Point, Series } from 'highcharts';
|
|
6
7
|
import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
|
|
7
8
|
import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
|
|
8
|
-
import { Axis, Chart as HighchartsChart, ExtremesObject, Options, Point, Series } from 'highcharts';
|
|
9
9
|
|
|
10
10
|
export type ChartCategories = Array<string> | { [key: number]: string };
|
|
11
11
|
|
|
@@ -541,29 +541,6 @@ declare class Chart extends ThemableMixin(ElementMixin(HTMLElement)) {
|
|
|
541
541
|
*/
|
|
542
542
|
polar: boolean | null | undefined;
|
|
543
543
|
|
|
544
|
-
/**
|
|
545
|
-
* Search for axis with given `id`.
|
|
546
|
-
*
|
|
547
|
-
* @param id contains the id that will be searched
|
|
548
|
-
* @param isXAxis indicates if it will remove x or y axes. Defaults to `false`.
|
|
549
|
-
*/
|
|
550
|
-
__getAxis(id: string, isXAxis: boolean): Axis | null;
|
|
551
|
-
|
|
552
|
-
/**
|
|
553
|
-
* Add an axis with given options
|
|
554
|
-
*
|
|
555
|
-
* @param options axis options
|
|
556
|
-
* @param isXAxis indicates if axis is X (`true`) or Y (`false`). Defaults to `false`.
|
|
557
|
-
*/
|
|
558
|
-
__addAxis(options: object | null, isXAxis: boolean): Axis;
|
|
559
|
-
|
|
560
|
-
/**
|
|
561
|
-
* Iterates over axes (y or x) and removes whenever it doesn't contain any series and was created for unit
|
|
562
|
-
*
|
|
563
|
-
* @param isXAxis indicates if it will remove x or y axes. Defaults to `false`.
|
|
564
|
-
*/
|
|
565
|
-
__removeAxisIfEmpty(isXAxis: boolean): void;
|
|
566
|
-
|
|
567
544
|
/**
|
|
568
545
|
* Update the chart configuration.
|
|
569
546
|
* This JSON API provides a simple single-argument alternative to the configuration property.
|
package/src/vaadin-chart.js
CHANGED
|
@@ -3,14 +3,8 @@
|
|
|
3
3
|
* Copyright (c) 2015 - 2021 Vaadin Ltd
|
|
4
4
|
* This program is available under Commercial Vaadin Developer License 4.0, available at https://vaadin.com/license/cvdl-4.0.
|
|
5
5
|
*/
|
|
6
|
-
import { PolymerElement, html } from '@polymer/polymer/polymer-element.js';
|
|
7
|
-
import { FlattenedNodesObserver } from '@polymer/polymer/lib/utils/flattened-nodes-observer.js';
|
|
8
|
-
import { beforeNextRender } from '@polymer/polymer/lib/utils/render-status.js';
|
|
9
|
-
import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
|
|
10
|
-
import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
|
|
11
6
|
import '@vaadin/vaadin-license-checker/vaadin-license-checker.js';
|
|
12
|
-
import
|
|
13
|
-
import Highcharts from 'highcharts/es-modules/masters/highstock.src.js';
|
|
7
|
+
import 'highcharts/es-modules/masters/highstock.src.js';
|
|
14
8
|
import 'highcharts/es-modules/masters/modules/accessibility.src.js';
|
|
15
9
|
import 'highcharts/es-modules/masters/highcharts-more.src.js';
|
|
16
10
|
import 'highcharts/es-modules/masters/highcharts-3d.src.js';
|
|
@@ -27,6 +21,13 @@ import 'highcharts/es-modules/masters/modules/timeline.src.js';
|
|
|
27
21
|
import 'highcharts/es-modules/masters/modules/organization.src.js';
|
|
28
22
|
import 'highcharts/es-modules/masters/modules/xrange.src.js';
|
|
29
23
|
import 'highcharts/es-modules/masters/modules/bullet.src.js';
|
|
24
|
+
import { FlattenedNodesObserver } from '@polymer/polymer/lib/utils/flattened-nodes-observer.js';
|
|
25
|
+
import { beforeNextRender } from '@polymer/polymer/lib/utils/render-status.js';
|
|
26
|
+
import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
|
|
27
|
+
import Highcharts from 'highcharts/es-modules/masters/highstock.src.js';
|
|
28
|
+
import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
|
|
29
|
+
import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
|
|
30
|
+
import { ChartSeries } from './vaadin-chart-series.js';
|
|
30
31
|
|
|
31
32
|
/** @private */
|
|
32
33
|
export const deepMerge = function deepMerge(target, source) {
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
*
|
|
12
12
|
* License: www.highcharts.com/license
|
|
13
13
|
*/
|
|
14
|
-
import {
|
|
14
|
+
import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
|
|
15
15
|
|
|
16
16
|
/* When updating this file do not override vaadin-charts custom properties section */
|
|
17
17
|
|