@arcgis/charts-components-react 4.33.0-next.165 → 4.33.0-next.167
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 +3 -35
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
**No Esri Technical Support during beta.**
|
|
4
4
|
|
|
5
|
-
> Note: `@arcgis/charts-components-react` was developed for use in React 18. Consider updating to React 19 where the React wrapper is no longer necessary. Check out the [documentation](https://developers.arcgis.com/javascript/latest/get-started
|
|
5
|
+
> Note: `@arcgis/charts-components-react` was developed for use in React 18. Consider updating to React 19 where the React wrapper is no longer necessary. Check out the [documentation](https://developers.arcgis.com/javascript/latest/get-started/#react) to get started with `@arcgis/charts-components` in React 19.
|
|
6
6
|
|
|
7
7
|
The ArcGIS Maps SDK for JavaScript provides a suite of ready-to-use UI components that simplify the process of creating GIS web applications. This package offers a series of charting components that can be used to build custom applications.
|
|
8
8
|
|
|
9
9
|
## Documentation
|
|
10
10
|
|
|
11
11
|
- [Key Features](https://developers.arcgis.com/javascript/latest/key-features/)
|
|
12
|
-
- [Build with React](https://developers.arcgis.com/javascript/latest/get-started
|
|
12
|
+
- [Build with React](https://developers.arcgis.com/javascript/latest/get-started/#react)
|
|
13
13
|
- [API and component references](https://developers.arcgis.com/javascript/latest/references/)
|
|
14
14
|
- [Functionality samples](https://developers.arcgis.com/javascript/latest/sample-code/)
|
|
15
15
|
|
|
@@ -29,39 +29,7 @@ The ArcGIS Maps SDK for JavaScript provides a suite of ready-to-use UI component
|
|
|
29
29
|
|
|
30
30
|
## Quick start guide
|
|
31
31
|
|
|
32
|
-
|
|
33
|
-
- Install the required packages: `@arcgis/charts-components-react`, `@arcgis/core`, `@esri/calcite-components-react`.
|
|
34
|
-
- Import the necessary CSS files in your project and ensure CSS is configured for the charts components:
|
|
35
|
-
|
|
36
|
-
```js
|
|
37
|
-
@import 'https://js.arcgis.com/4.33/@arcgis/core/assets/esri/themes/dark/main.css';
|
|
38
|
-
@import url("https://js.arcgis.com/calcite-components/3.2.0/calcite.css");
|
|
39
|
-
|
|
40
|
-
#root,
|
|
41
|
-
html,
|
|
42
|
-
body {
|
|
43
|
-
margin: 0;
|
|
44
|
-
}
|
|
45
|
-
```
|
|
46
|
-
|
|
47
|
-
- Add chart component: In your main file (e.g., index.tsx), add the `ArcgisChart` component and configure it with either an existing chart model from a feature layer, or by creating a new model with `createModel()`.
|
|
48
|
-
|
|
49
|
-
```js
|
|
50
|
-
import React from "react";
|
|
51
|
-
import ReactDOM from "react-dom/client";
|
|
52
|
-
import "@arcgis/charts-components/components/arcgis-chart";
|
|
53
|
-
import "@arcgis/charts-components/components/arcgis-charts-action-bar";
|
|
54
|
-
import { ArcgisChart, ArcgisChartsActionBar } from "@arcgis/charts-components-react";
|
|
55
|
-
|
|
56
|
-
const root = ReactDOM.createRoot(document.getElementById("root"));
|
|
57
|
-
root.render(
|
|
58
|
-
<React.StrictMode>
|
|
59
|
-
<ArcgisChart>
|
|
60
|
-
<ArcgisChartsActionBar slot="action-bar"></ArcgisChartsActionBar>
|
|
61
|
-
</ArcgisChart>
|
|
62
|
-
</React.StrictMode>,
|
|
63
|
-
);
|
|
64
|
-
```
|
|
32
|
+
An [example](https://github.com/Esri/jsapi-resources/tree/50579b9362b846e869a343b660c5a2415176a275/component-samples/charts-components/samples/react) is available from the 4.31 release in the jsapi-resources repo.
|
|
65
33
|
|
|
66
34
|
## License
|
|
67
35
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arcgis/charts-components-react",
|
|
3
|
-
"version": "4.33.0-next.
|
|
3
|
+
"version": "4.33.0-next.167",
|
|
4
4
|
"description": "A set of React components that wrap ArcGIS charts components",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"ArcGIS",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
],
|
|
28
28
|
"license": "SEE LICENSE.md",
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@arcgis/charts-components": "4.33.0-next.
|
|
30
|
+
"@arcgis/charts-components": "4.33.0-next.167",
|
|
31
31
|
"@lit/react": "^1.0.7",
|
|
32
32
|
"tslib": "^2.8.1"
|
|
33
33
|
},
|