Skip to content

Commit bef7724

Browse files
graphierosgraphieros
committed
New feature - VueUiStackline - Add new component
1 parent fcaff25 commit bef7724

File tree

14 files changed

+4553
-31
lines changed

14 files changed

+4553
-31
lines changed

‎README.md‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
# vue-data-ui
99

1010
[![npm](https://img.shields.io/npm/v/vue-data-ui)](https://github.com/graphieros/vue-data-ui)
11-
[![Static Badge](https://img.shields.io/badge/components-63-blue)](https://github.com/graphieros/vue-data-ui)
11+
[![Static Badge](https://img.shields.io/badge/components-64-blue)](https://github.com/graphieros/vue-data-ui)
1212
[![GitHub issues](https://img.shields.io/github/issues/graphieros/vue-data-ui)](https://github.com/graphieros/vue-data-ui/issues)
1313
[![License](https://img.shields.io/badge/license-MIT-green)](https://github.com/graphieros/vue-data-ui?tab=MIT-1-ov-file#readme)
1414
[![MadeWithVueJs.com shield](https://madewithvuejs.com/storage/repo-shields/4526-shield.svg)](https://madewithvuejs.com/p/vue-data-ui/shield-link)
@@ -49,6 +49,7 @@ Available components
4949
- [VueUiRings](https://vue-data-ui.graphieros.com/docs#vue-ui-rings)
5050
- [VueUiScatter](https://vue-data-ui.graphieros.com/docs#vue-ui-scatter)
5151
- [VueUiStackbar](https://vue-data-ui.graphieros.com/docs#vue-ui-stackbar)
52+
- [VueUiStackline](https://vue-data-ui.graphieros.com/docs#vue-ui-stackline)
5253
- [VueUiStripPlot](https://vue-data-ui.graphieros.com/docs#vue-ui-strip-plot)
5354
- [VueUiThermometer](https://vue-data-ui.graphieros.com/docs#vue-ui-thermometer)
5455
- [VueUiTiremarks](https://vue-data-ui.graphieros.com/docs#vue-ui-tiremarks)
@@ -301,6 +302,7 @@ The following charts bear these slots:
301302
- VueUiScatter
302303
- VueUiSparkStackbar
303304
- VueUiStackbar
305+
- VueUiStackline
304306
- VueUiTreemap
305307
- VueUiHorizontalBar
306308
- VueUiWordCloud
@@ -470,6 +472,7 @@ From the dataset you pass into the props, this component will produce the most a
470472
| `VueUiRings` | `VueUiRingsDatasetItem[]` | `VueUiRingsConfig` | `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#pattern` | ✅ | ✅ |
471473
| `VueUiScatter` | `VueUiScatterDatasetItem[]` | `VueUiScatterConfig` | `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
472474
| `VueUiStackbar` | `VueUiStackbarDatasetItem[]` | `VueUiStackbarConfig` | `@selectLegend`, `@selectDatapoint`, `@selectTimeLabel`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#time-label`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background`, `#pattern` | ✅ | ✅ |
475+
| `VueUiStackline` | `VueUiStacklineDatasetItem[]` | `VueUiStacklineConfig` | `@selectLegend`, `@selectDatapoint`, `@selectTimeLabel`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#time-label`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background`, `#pattern` | ✅ | ✅ |
473476
| `VueUiStripPlot` | `VueUiStripPlotDataset[]` | `VueUiStripPlotConfig` | `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage` | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background` | ✅ | ✅ |
474477
| `VueUiThermometer` | `VueUiThermometerDataset` | `VueUiThermometerConfig` | `generatePdf`, `generateImage` , `getImage` | `#svg`, `#watermark`, `#chart-background` | ❌ | ✅ |
475478
| `VueUiTiremarks` | `VueUiTiremarksDataset` | `VueUiTiremarksConfig` | `generatePdf`, `generateImage` , `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background` | ❌ | ✅ |
@@ -654,6 +657,7 @@ User options actions available per chart:
654657
| VueUiSparkgauge | (no user options menu) |
655658
| VueUiSparkline | (no user options menu) |
656659
| VueUiStackbar | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator |
660+
| VueUiStackline | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator |
657661
| VueUiStripPlot | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator |
658662
| VueUiTableHeatmap | optionPdf, optionImg, optionCsv, optionFullscreen |
659663
| VueUiTableSparkline | optionPdf, optionImg, optionCsv, optionFullscreen |
@@ -730,6 +734,7 @@ It is possible to provide a custom palette in the config prop through config.cus
730734
- VueUiSparkStackbar
731735
- VueUiSparkbar
732736
- VueUiStackbar
737+
- VueUiStackline
733738
- VueUiStripPlot
734739
- VueUiTableSparkline
735740
- VueUiThermometer
@@ -787,6 +792,7 @@ However the folowing charts can be made fully responsive, making them better to
787792
| VueUiSparkgauge | - |
788793
| VueUiSparkline | ✅ |
789794
| VueUiStackbar | ✅ |
795+
| VueUiStackline | ✅ |
790796
| VueUiStripPlot | ✅ |
791797
| VueUiTableHeatmap | - |
792798
| VueUiTableSparkline | - |
@@ -901,6 +907,7 @@ The #pattern slot is available on the following components:
901907
- VueUiRidgeline
902908
- VueUiRings
903909
- VueUiStackbar
910+
- VueUiStackline
904911
- VueUiHorizontalBar
905912
- VueUiWaffle
906913
- VueUiWorld
@@ -1117,6 +1124,7 @@ Below is a table of the places where such line breaks can be used:
11171124
| VueUiQuickChart | Time labels (x axis) | config.xyPeriods |
11181125
| VueUiRidgeline | Time labels (x axis) | config.style.chart.xAxis.labels.values |
11191126
| VueUiStackbar | Time labels (x axis) | config.style.chart.grid.x.timeLabels.values |
1127+
| VueUiStackline | Time labels (x axis) | config.style.chart.grid.x.timeLabels.values |
11201128
| VueUiStripPlot | x axis labels | dataset names |
11211129

11221130
## PDF generation
@@ -1237,6 +1245,7 @@ function hideSeriesByName(name) {
12371245
- VueUiScatter
12381246
- VueUiSparkStackbar
12391247
- VueUiStackbar
1248+
- VueUiStackline
12401249
- VueUiTreemap
12411250
- VueUiWaffle
12421251
- VueUiXy

0 commit comments

Comments
 (0)