@carbon/charts-vue 1.16.2 → 1.16.4
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/CHANGELOG.md +22 -0
- package/README.md +17 -11
- package/dist/components/CcvWordCloudChart.d.ts +3 -3
- package/dist/components/index.d.ts +1 -1
- package/dist/index.d.ts +13 -4
- package/dist/index.mjs +2441 -2440
- package/dist/index.mjs.map +1 -1
- package/package.json +6 -6
- package/telemetry.yml +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,28 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See
|
|
4
4
|
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 1.16.4 (2024-06-12)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
- **wordcloud,choropleth:** provide corrected names, deprecate old names
|
|
11
|
+
([#1832](https://github.com/carbon-design-system/carbon-charts/issues/1832))
|
|
12
|
+
([230ce7c](https://github.com/carbon-design-system/carbon-charts/commit/230ce7c3bdce8e03e70b8188e06a1d65ee90b2be))
|
|
13
|
+
|
|
14
|
+
# Change Log
|
|
15
|
+
|
|
16
|
+
All notable changes to this project will be documented in this file. See
|
|
17
|
+
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
18
|
+
|
|
19
|
+
## 1.16.3 (2024-06-03)
|
|
20
|
+
|
|
21
|
+
**Note:** Version bump only for package @carbon/charts-vue
|
|
22
|
+
|
|
23
|
+
# Change Log
|
|
24
|
+
|
|
25
|
+
All notable changes to this project will be documented in this file. See
|
|
26
|
+
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
27
|
+
|
|
6
28
|
## 1.16.2 (2024-06-03)
|
|
7
29
|
|
|
8
30
|
**Note:** Version bump only for package @carbon/charts-vue
|
package/README.md
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
# Carbon Charts Vue
|
|
2
2
|
|
|
3
|
-
Carbon Charts Vue is a thin Vue.js wrapper around the vanilla JavaScript `@carbon/charts` component
|
|
3
|
+
Carbon Charts Vue is a thin Vue.js wrapper around the vanilla JavaScript `@carbon/charts` component
|
|
4
|
+
library. The charts are based on D3.js, a peer dependency. This version is for Vue.js ^3.3.0. For
|
|
5
|
+
Vue.js 2.x support, please use `@carbon/charts-vue@latest`.
|
|
4
6
|
|
|
5
|
-
The required styles should be imported from `@carbon/charts-vue/styles.css`. Additional
|
|
7
|
+
The required styles should be imported from `@carbon/charts-vue/styles.css`. Additional
|
|
8
|
+
documentation is provided in the Storybook demos.
|
|
6
9
|
|
|
7
10
|
**[Storybook demos](https://charts.carbondesignsystem.com/vue)**
|
|
8
11
|
|
|
@@ -20,8 +23,7 @@ Run the following command using [npm](https://www.npmjs.com/):
|
|
|
20
23
|
npm install -S @carbon/charts-vue d3 d3-cloud d3-sankey
|
|
21
24
|
```
|
|
22
25
|
|
|
23
|
-
If you prefer [Yarn](https://yarnpkg.com/en/), use the following command
|
|
24
|
-
instead:
|
|
26
|
+
If you prefer [Yarn](https://yarnpkg.com/en/), use the following command instead:
|
|
25
27
|
|
|
26
28
|
```bash
|
|
27
29
|
yarn add @carbon/charts-vue d3 d3-cloud d3-sankey
|
|
@@ -29,17 +31,22 @@ yarn add @carbon/charts-vue d3 d3-cloud d3-sankey
|
|
|
29
31
|
|
|
30
32
|
## Step-by-step instructions
|
|
31
33
|
|
|
32
|
-
Read
|
|
34
|
+
Read
|
|
35
|
+
[Getting Started](https://charts.carbondesignsystem.com/?path=/docs/docs-getting-started-vue--docs)
|
|
33
36
|
|
|
34
37
|
## Storybook and StackBlitz Examples
|
|
35
38
|
|
|
36
39
|
[Sample use cases can be seen here](https://charts.carbondesignsystem.com/vue).
|
|
37
40
|
|
|
38
|
-
**When opening the link above**, click on the **Edit on StackBlitz** button for each demo to see an
|
|
41
|
+
**When opening the link above**, click on the **Edit on StackBlitz** button for each demo to see an
|
|
42
|
+
isolated project showing you how to reproduce the demo.
|
|
39
43
|
|
|
40
44
|
## Charting data & options
|
|
41
45
|
|
|
42
|
-
Although new charts will be introduced in the future (such as a choropleth), data and options follow
|
|
46
|
+
Although new charts will be introduced in the future (such as a choropleth), data and options follow
|
|
47
|
+
the same model for all charts with minor exceptions. For example, in the case of a donut chart,
|
|
48
|
+
you're able to pass in an additional field called `center` in your options to configure the donut
|
|
49
|
+
center.
|
|
43
50
|
|
|
44
51
|
For instructions on using the **tabular data format**, see
|
|
45
52
|
[here](https://charts.carbondesignsystem.com/vue/?path=/docs/docs-tutorials-tabular-data-format--docs)
|
|
@@ -49,9 +56,8 @@ Customizable options (specific to chart type) can be found
|
|
|
49
56
|
|
|
50
57
|
## <picture><source height="20" width="20" media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-dark.svg"><source height="20" width="20" media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"><img height="20" width="20" alt="IBM Telemetry" src="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"></picture> IBM Telemetry
|
|
51
58
|
|
|
52
|
-
This package uses IBM Telemetry to collect metrics data. By installing this
|
|
53
|
-
|
|
54
|
-
see
|
|
59
|
+
This package uses IBM Telemetry to collect metrics data. By installing this package as a dependency
|
|
60
|
+
you are agreeing to telemetry collection. To opt out, see
|
|
55
61
|
[Opting out of IBM Telemetry data collection](https://github.com/ibm-telemetry/telemetry-js/tree/main#opting-out-of-ibm-telemetry-data-collection).
|
|
56
62
|
For more information on the data being collected, please see the
|
|
57
|
-
[IBM Telemetry documentation](https://github.com/ibm-telemetry/telemetry-js/tree/main#ibm-telemetry-collection-basics).
|
|
63
|
+
[IBM Telemetry documentation](https://github.com/ibm-telemetry/telemetry-js/tree/main#ibm-telemetry-collection-basics).
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { WordCloudChartOptions } from '@carbon/charts';
|
|
2
2
|
|
|
3
3
|
declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<{
|
|
4
4
|
data: {
|
|
@@ -6,7 +6,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
6
6
|
required: true;
|
|
7
7
|
};
|
|
8
8
|
options: {
|
|
9
|
-
type: () =>
|
|
9
|
+
type: () => WordCloudChartOptions;
|
|
10
10
|
required: true;
|
|
11
11
|
};
|
|
12
12
|
}, {
|
|
@@ -89,7 +89,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
89
89
|
required: true;
|
|
90
90
|
};
|
|
91
91
|
options: {
|
|
92
|
-
type: () =>
|
|
92
|
+
type: () => WordCloudChartOptions;
|
|
93
93
|
required: true;
|
|
94
94
|
};
|
|
95
95
|
}>>, {}, {}>;
|
|
@@ -3,7 +3,7 @@ export { default as CcvAreaChart } from './CcvAreaChart.ts';
|
|
|
3
3
|
export { default as CcvBoxplotChart } from './CcvBoxplotChart.ts';
|
|
4
4
|
export { default as CcvBubbleChart } from './CcvBubbleChart.ts';
|
|
5
5
|
export { default as CcvBulletChart } from './CcvBulletChart.ts';
|
|
6
|
-
export { default as
|
|
6
|
+
export { default as CcvChoroplethChart } from './CcvChoroplethChart.ts';
|
|
7
7
|
export { default as CcvCirclePackChart } from './CcvCirclePackChart.ts';
|
|
8
8
|
export { default as CcvComboChart } from './CcvComboChart.ts';
|
|
9
9
|
export { default as CcvDonutChart } from './CcvDonutChart.ts';
|
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,18 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { App } from '../vue/dist/vue.esm-bundler.js';
|
|
2
|
+
import { CcvAlluvialChart, CcvAreaChart, CcvBoxplotChart, CcvBubbleChart, CcvBulletChart, CcvCirclePackChart, CcvComboChart, CcvChoroplethChart, CcvChoroplethChart as ExperimentalCcvChoroplethChart, CcvDonutChart, CcvGaugeChart, CcvGroupedBarChart, CcvHeatmapChart, CcvHistogramChart, CcvLineChart, CcvLollipopChart, CcvMeterChart, CcvPieChart, CcvRadarChart, CcvScatterChart, CcvSimpleBarChart, CcvStackedAreaChart, CcvStackedBarChart, CcvTreeChart, CcvTreemapChart, CcvWordCloudChart } from './components';
|
|
2
3
|
|
|
3
4
|
declare const _default: {
|
|
4
|
-
install(app:
|
|
5
|
+
install(app: App, options?: string[]): void;
|
|
5
6
|
};
|
|
6
7
|
export default _default;
|
|
7
|
-
export { CcvAlluvialChart, CcvAreaChart, CcvBoxplotChart, CcvBubbleChart, CcvBulletChart,
|
|
8
|
-
|
|
8
|
+
export { CcvAlluvialChart, CcvAreaChart, CcvBoxplotChart, CcvBubbleChart, CcvBulletChart, CcvChoroplethChart,
|
|
9
|
+
/**
|
|
10
|
+
* @deprecated Use `CcvChoroplethChart` instead.
|
|
11
|
+
*/
|
|
12
|
+
ExperimentalCcvChoroplethChart, CcvCirclePackChart, CcvComboChart, CcvDonutChart, CcvGaugeChart, CcvGroupedBarChart, CcvHeatmapChart, CcvHistogramChart, CcvLineChart, CcvLollipopChart, CcvMeterChart, CcvPieChart, CcvRadarChart, CcvScatterChart, CcvSimpleBarChart, CcvStackedAreaChart, CcvStackedBarChart, CcvTreeChart, CcvTreemapChart, CcvWordCloudChart };
|
|
13
|
+
export type { ChartTabularData, ChartOptions, AlluvialChartOptions, AreaChartOptions, BarChartOptions, BoxplotChartOptions, BubbleChartOptions, BulletChartOptions, ChoroplethChartOptions, CirclePackChartOptions, ComboChartOptions, DonutChartOptions, GaugeChartOptions, HeatmapChartOptions, HistogramChartOptions, LineChartOptions, LollipopChartOptions, MeterChartOptions, PieChartOptions, RadarChartOptions, ScatterChartOptions, StackedAreaChartOptions, TreeChartOptions, TreemapChartOptions, WordCloudChartOptions,
|
|
14
|
+
/**
|
|
15
|
+
* @deprecated Use `WordCloudChartOptions` instead.
|
|
16
|
+
*/
|
|
17
|
+
WordCloudChartOptions as WorldCloudChartOptions } from '@carbon/charts';
|
|
9
18
|
export { Alignments, ChartTheme, ScaleTypes } from '@carbon/charts';
|