bubble-chart-js 1.0.17 → 1.0.19
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 +14 -14
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -140,20 +140,20 @@ The `BubbleChart` class accepts a configuration object with the following proper
|
|
|
140
140
|
|
|
141
141
|
The `BubbleChart` class accepts a configuration object with the following properties:
|
|
142
142
|
|
|
143
|
-
| Property
|
|
144
|
-
|
|
|
145
|
-
|
|
|
146
|
-
|
|
|
147
|
-
|
|
|
148
|
-
|
|
|
149
|
-
|
|
|
150
|
-
|
|
|
151
|
-
|
|
|
152
|
-
|
|
|
153
|
-
|
|
|
154
|
-
|
|
|
155
|
-
|
|
|
156
|
-
|
|
|
143
|
+
| Property | Type | Required | Optional | Default |
|
|
144
|
+
| -------------------------------------------------------------------------------------- | ------------ | -------- | -------- | ----------- |
|
|
145
|
+
| **`canvasContainerId`**<br/>ID of the container where the chart will be rendered | `string` | ✔️ Yes | ❌ No | `-` |
|
|
146
|
+
| **`data`**<br/>Array of objects containing `label` and `value` for each bubble | `DataItem[]` | ✔️ Yes | ❌ No | `-` |
|
|
147
|
+
| **`defaultBubbleColor`**<br/>Default color used when bubble color is not provided | `string` | ❌ No | ✔️ Yes | `"#3498db"` |
|
|
148
|
+
| **`fontSize`**<br/>Font size for bubble labels | `number` | ❌ No | ✔️ Yes | `14` |
|
|
149
|
+
| **`fontFamily`**<br/>Font family used for text rendering | `string` | ❌ No | ✔️ Yes | `"Arial"` |
|
|
150
|
+
| **`fontColor`**<br/>Text color inside bubbles | `string` | ❌ No | ✔️ Yes | `"#ffffff"` |
|
|
151
|
+
| **`minRadius`**<br/>Minimum radius of a bubble | `number` | ❌ No | ✔️ Yes | `10` |
|
|
152
|
+
| **`maxLines`**<br/>Maximum number of lines allowed for text wrapping | `number` | ❌ No | ✔️ Yes | `3` |
|
|
153
|
+
| **`textWrap`**<br/>Enable or disable text wrapping inside bubbles | `boolean` | ❌ No | ✔️ Yes | `true` |
|
|
154
|
+
| **`isResizeCanvasOnWindowSizeChange`**<br/>Automatically resize chart on window resize | `boolean` | ❌ No | ✔️ Yes | `true` |
|
|
155
|
+
| **`showToolTip`**<br/>Toggle tooltip visibility | `boolean` | ❌ No | ✔️ Yes | `true` |
|
|
156
|
+
| **`onBubbleClick`**<br/>Callback fired when a bubble is clicked | `method` | ❌ No | ✔️ Yes | `-` |
|
|
157
157
|
|
|
158
158
|
✔️ **Required**: These properties must be provided.
|
|
159
159
|
✔️ **Optional**: If not provided, the default value will be used.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bubble-chart-js",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.19",
|
|
4
4
|
"description": "bubbleChartJs is a lightweight, customizable JavaScript library for creating stacked bubble charts. It arranges bubbles based on their values, with the largest bubble positioned at the top and surrounding bubbles decreasing in size accordingly.",
|
|
5
5
|
"main": "dist/bubbleChart.cjs.js",
|
|
6
6
|
"module": "dist/bubbleChart.esm.js",
|