@carbon/charts-vue 1.9.0-next.1.0 → 1.9.0-next.2
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 +5 -7
- package/package.json +17 -15
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Carbon Charts Vue
|
|
2
2
|
|
|
3
|
-
Carbon Charts Vue is a thin Vue.js wrapper around the vanilla JavScript `@carbon/charts` component library. The charts are based on D3.js, a peer dependency.
|
|
3
|
+
Carbon Charts Vue is a thin Vue.js wrapper around the vanilla JavScript `@carbon/charts` component library. The charts are based on D3.js, a peer dependency. This version is for Vue.js ^2.7.0. For Vue.js 3.x support, check for the availability of `@carbon/charts-vue@next`.
|
|
4
4
|
|
|
5
5
|
The required styles should be imported from `@carbon/charts-vue/styles.css` and `@carbon/styles/css/styles.css`. Additional documentation is provided in the Storybook demos.
|
|
6
6
|
|
|
@@ -17,27 +17,25 @@ This component library is community-maintained.
|
|
|
17
17
|
Run the following command using [npm](https://www.npmjs.com/):
|
|
18
18
|
|
|
19
19
|
```bash
|
|
20
|
-
npm install -S @carbon/charts-vue @carbon/styles d3
|
|
20
|
+
npm install -S @carbon/charts-vue @carbon/styles d3 d3-cloud d3-sankey
|
|
21
21
|
```
|
|
22
22
|
|
|
23
23
|
If you prefer [Yarn](https://yarnpkg.com/en/), use the following command
|
|
24
24
|
instead:
|
|
25
25
|
|
|
26
26
|
```bash
|
|
27
|
-
yarn add @carbon/charts-vue @carbon/styles d3
|
|
27
|
+
yarn add @carbon/charts-vue @carbon/styles d3 d3-cloud d3-sankey
|
|
28
28
|
```
|
|
29
29
|
|
|
30
|
-
**Note:** you'd also need to install `carbon-components` if you're not using a bundled version of the library.
|
|
31
|
-
|
|
32
30
|
## Step-by-step instructions
|
|
33
31
|
|
|
34
32
|
Read [here](https://carbon-design-system.github.io/carbon-charts/?path=/story/docs-getting-started--vue)
|
|
35
33
|
|
|
36
|
-
##
|
|
34
|
+
## StackBlitz examples
|
|
37
35
|
|
|
38
36
|
[Sample use cases can be seen here](https://carbon-design-system.github.io/carbon-charts/vue).
|
|
39
37
|
|
|
40
|
-
**When opening the link above**, click on the **Edit on
|
|
38
|
+
**When opening the link above**, click on the **Edit on StackBlitz** button for each demo to see an isolated project showing you how to reproduce the demo.
|
|
41
39
|
|
|
42
40
|
## Charting data & options
|
|
43
41
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carbon/charts-vue",
|
|
3
|
-
"version": "1.9.0-next.
|
|
3
|
+
"version": "1.9.0-next.2",
|
|
4
4
|
"description": "Carbon Charts component library for Vue",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.mjs",
|
|
@@ -29,7 +29,10 @@
|
|
|
29
29
|
"file:downlevel:dts": "downlevel-dts dist dist",
|
|
30
30
|
"postbundle": "concurrently \"yarn:file:*\"",
|
|
31
31
|
"build:package": "vite build && yarn postbundle",
|
|
32
|
-
"
|
|
32
|
+
"demo:mdx:vue": "cp ../core/src/stories/getting-started/vue.stories.mdx src/stories",
|
|
33
|
+
"demo:mdx:tutorials": "cp ../core/src/stories/tutorials/* src/stories",
|
|
34
|
+
"demo:mdx": "concurrently \"yarn:demo:mdx:*\"",
|
|
35
|
+
"build:demo": "yarn demo:mdx && storybook build -o demo/bundle --quiet",
|
|
33
36
|
"build": "yarn build:package && yarn build:demo",
|
|
34
37
|
"storybook": "storybook dev -p 9006",
|
|
35
38
|
"start": "yarn storybook",
|
|
@@ -38,10 +41,10 @@
|
|
|
38
41
|
"clean": "rm -rf dist demo/bundle"
|
|
39
42
|
},
|
|
40
43
|
"peerDependencies": {
|
|
41
|
-
"vue": "^2.
|
|
44
|
+
"vue": "^2.7.0"
|
|
42
45
|
},
|
|
43
46
|
"dependencies": {
|
|
44
|
-
"@carbon/charts": "
|
|
47
|
+
"@carbon/charts": "1.9.0-next.2",
|
|
45
48
|
"@carbon/telemetry": "~0.1.0",
|
|
46
49
|
"vue": "^2.7.14"
|
|
47
50
|
},
|
|
@@ -49,19 +52,18 @@
|
|
|
49
52
|
"@babel/core": "^7.22.5",
|
|
50
53
|
"@rushstack/eslint-patch": "^1.3.2",
|
|
51
54
|
"@stackblitz/sdk": "^1.9.0",
|
|
52
|
-
"@storybook/addon-essentials": "^7.0.
|
|
53
|
-
"@storybook/addon-interactions": "^7.0.
|
|
54
|
-
"@storybook/addon-links": "^7.0.
|
|
55
|
-
"@storybook/blocks": "^7.0.
|
|
56
|
-
"@storybook/manager-api": "^7.0.
|
|
57
|
-
"@storybook/testing-library": "^0.
|
|
58
|
-
"@storybook/theming": "^7.0.
|
|
59
|
-
"@storybook/vue-vite": "^7.0.
|
|
55
|
+
"@storybook/addon-essentials": "^7.0.23",
|
|
56
|
+
"@storybook/addon-interactions": "^7.0.23",
|
|
57
|
+
"@storybook/addon-links": "^7.0.23",
|
|
58
|
+
"@storybook/blocks": "^7.0.23",
|
|
59
|
+
"@storybook/manager-api": "^7.0.23",
|
|
60
|
+
"@storybook/testing-library": "^0.2.0",
|
|
61
|
+
"@storybook/theming": "^7.0.23",
|
|
62
|
+
"@storybook/vue-vite": "^7.0.23",
|
|
60
63
|
"@vitejs/plugin-vue": "^4.2.3",
|
|
61
64
|
"@vue/eslint-config-prettier": "^7.1.0",
|
|
62
65
|
"@vue/eslint-config-typescript": "^11.0.3",
|
|
63
66
|
"@vue/tsconfig": "^0.4.0",
|
|
64
|
-
"codesandbox": "^2.2.3",
|
|
65
67
|
"concurrently": "^8.2.0",
|
|
66
68
|
"downlevel-dts": "^0.11.0",
|
|
67
69
|
"eslint": "^8.43.0",
|
|
@@ -70,7 +72,7 @@
|
|
|
70
72
|
"prettier": "^2.8.8",
|
|
71
73
|
"react": "^18.2.0",
|
|
72
74
|
"react-dom": "^18.2.0",
|
|
73
|
-
"storybook": "^7.0.
|
|
75
|
+
"storybook": "^7.0.23",
|
|
74
76
|
"typescript": "^5.1.3",
|
|
75
77
|
"vite": "^4.3.9",
|
|
76
78
|
"vite-plugin-dts": "^2.3.0",
|
|
@@ -110,5 +112,5 @@
|
|
|
110
112
|
"sass",
|
|
111
113
|
"scss"
|
|
112
114
|
],
|
|
113
|
-
"gitHead": "
|
|
115
|
+
"gitHead": "a45e6618f25fc3b8ce7547ca4c2724d8b049175b"
|
|
114
116
|
}
|