Skip to content

Commit 273f361

Browse files
committed
VueUiGalaxy added component
1 parent 3ab5e1a commit 273f361

File tree

14 files changed

+1109
-163
lines changed

14 files changed

+1109
-163
lines changed

README.md

Lines changed: 26 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
![GitHub issues](https://img.shields.io/github/issues/graphieros/vue-data-ui)
1414
![NPM](https://img.shields.io/npm/l/vue-data-ui)
1515
![npm](https://img.shields.io/npm/dt/vue-data-ui)
16-
![Static Badge](https://img.shields.io/badge/components-39-green)
16+
![Static Badge](https://img.shields.io/badge/components-40-green)
1717

1818
[Interactive documentation](https://vue-data-ui.graphieros.com/)
1919

@@ -23,45 +23,46 @@ Available components:
2323

2424
## Charts
2525

26-
- [VueUiXy](https://vue-data-ui.graphieros.com/docs#vue-ui-xy)
26+
- [VueUiAgePyramid](https://vue-data-ui.graphieros.com/docs#vue-ui-age-pyramid)
27+
- [VueUiCandlestick](https://vue-data-ui.graphieros.com/docs#vue-ui-candlestick)
28+
- [VueUiChestnut](https://vue-data-ui.graphieros.com/docs#vue-ui-chestnut)
29+
- [VueUiDonutEvolution](https://vue-data-ui.graphieros.com/docs#vue-ui-donut-evolution)
2730
- [VueUiDonut](https://vue-data-ui.graphieros.com/docs#vue-ui-donut)
28-
- [VueUiWaffle](https://vue-data-ui.graphieros.com/docs#vue-ui-waffle)
29-
- [VueUiRadar](https://vue-data-ui.graphieros.com/docs#vue-ui-radar)
30-
- [VueUiQuadrant](https://vue-data-ui.graphieros.com/docs#vue-ui-quadrant)
31+
- [VueUiGalaxy](https://vue-data-ui.graphieros.com/docs#vue-ui-galaxy)
3132
- [VueUiGauge](https://vue-data-ui.graphieros.com/docs#vue-ui-gauge)
32-
- [VueUiChestnut](https://vue-data-ui.graphieros.com/docs#vue-ui-chestnut)
33-
- [VueUiOnion](https://vue-data-ui.graphieros.com/docs#vue-ui-onion)
34-
- [VueUiVerticalBar](https://vue-data-ui.graphieros.com/docs#vue-ui-vertical-bar)
3533
- [VueUiHeatmap](https://vue-data-ui.graphieros.com/docs#vue-ui-heatmap)
36-
- [VueUiScatter](https://vue-data-ui.graphieros.com/docs#vue-ui-scatter)
37-
- [VueUiCandlestick](https://vue-data-ui.graphieros.com/docs#vue-ui-candlestick)
38-
- [VueUiAgePyramid](https://vue-data-ui.graphieros.com/docs#vue-ui-age-pyramid)
34+
- [VueUiMolecule](https://vue-data-ui.graphieros.com/docs#vue-ui-molecule)
35+
- [VueUiMoodRadar](https://vue-data-ui.graphieros.com/docs#vue-ui-mood-radar)
36+
- [VueUiNestedDonuts](https://vue-data-ui.graphieros.com/docs#vue-ui-nested-donuts)
37+
- [VueUiOnion](https://vue-data-ui.graphieros.com/docs#vue-ui-onion)
38+
- [VueUiQuadrant](https://vue-data-ui.graphieros.com/docs#vue-ui-quadrant)
39+
- [VueUiRadar](https://vue-data-ui.graphieros.com/docs#vue-ui-radar)
3940
- [VueUiRelationCircle](https://vue-data-ui.graphieros.com/docs#vue-ui-relation-circle)
40-
- [VueUiThermometer](https://vue-data-ui.graphieros.com/docs#vue-ui-thermometer)
4141
- [VueUiRings](https://vue-data-ui.graphieros.com/docs#vue-ui-rings)
42-
- [VueUiWheel](https://vue-data-ui.graphieros.com/docs#vue-ui-wheel)
42+
- [VueUiScatter](https://vue-data-ui.graphieros.com/docs#vue-ui-scatter)
43+
- [VueUiThermometer](https://vue-data-ui.graphieros.com/docs#vue-ui-thermometer)
4344
- [VueUiTiremarks](https://vue-data-ui.graphieros.com/docs#vue-ui-tiremarks)
44-
- [VueUiDonutEvolution](https://vue-data-ui.graphieros.com/docs#vue-ui-donut-evolution)
45-
- [VueUiMoodRadar](https://vue-data-ui.graphieros.com/docs#vue-ui-mood-radar)
46-
- [VueUiMolecule](https://vue-data-ui.graphieros.com/docs#vue-ui-molecule)
47-
- [VueUiNestedDonuts](https://vue-data-ui.graphieros.com/docs#vue-ui-nested-donuts)
45+
- [VueUiVerticalBar](https://vue-data-ui.graphieros.com/docs#vue-ui-vertical-bar)
46+
- [VueUiWaffle](https://vue-data-ui.graphieros.com/docs#vue-ui-waffle)
47+
- [VueUiWheel](https://vue-data-ui.graphieros.com/docs#vue-ui-wheel)
48+
- [VueUiXy](https://vue-data-ui.graphieros.com/docs#vue-ui-xy)
4849

4950
## Mini charts
5051

51-
- [VueUiSparkline](https://vue-data-ui.graphieros.com/docs#vue-ui-sparkline)
52-
- [VueUiSparkbar](https://vue-data-ui.graphieros.com/docs#vue-ui-sparkbar)
53-
- [VueUiSparkstackbar](https://vue-data-ui.graphieros.com/docs#vue-ui-sparkstackbar)
5452
- [VueUiSparkHistogram](https://vue-data-ui.graphieros.com/docs#vue-ui-sparkhistogram)
53+
- [VueUiSparkbar](https://vue-data-ui.graphieros.com/docs#vue-ui-sparkbar)
5554
- [VueUiSparkgauge](https://vue-data-ui.graphieros.com/docs#vue-ui-sparkgauge)
55+
- [VueUiSparkline](https://vue-data-ui.graphieros.com/docs#vue-ui-sparkline)
56+
- [VueUiSparkstackbar](https://vue-data-ui.graphieros.com/docs#vue-ui-sparkstackbar)
5657

5758
## 3d
5859

5960
- [VueUi3dBar](https://vue-data-ui.graphieros.com/docs#vue-ui-3d-bar)
6061

6162
## Tables
6263

63-
- [VueUiTableSparkline](https://vue-data-ui.graphieros.com/docs#vue-ui-table-sparkline)
6464
- [VueUiTable](https://vue-data-ui.graphieros.com/docs#vue-ui-table)
65+
- [VueUiTableSparkline](https://vue-data-ui.graphieros.com/docs#vue-ui-table-sparkline)
6566

6667
## Rating
6768

@@ -70,13 +71,13 @@ Available components:
7071

7172
## Utilities
7273

73-
- [VueUiScreenshot](https://vue-data-ui.graphieros.com/docs#vue-ui-screenshot)
74-
- [VueUiSkeleton](https://vue-data-ui.graphieros.com/docs#vue-ui-skeleton)
75-
- [VueUiDashboard](https://vue-data-ui.graphieros.com/docs#vue-ui-dashboard)
7674
- [VueUiAnnotator](https://vue-data-ui.graphieros.com/docs#vue-ui-annotator)
77-
- [VueUiIcon](https://vue-data-ui.graphieros.com/docs#vue-ui-icon)
75+
- [VueUiDashboard](https://vue-data-ui.graphieros.com/docs#vue-ui-dashboard)
7876
- [VueUiDigits](https://vue-data-ui.graphieros.com/docs#vue-ui-digits)
77+
- [VueUiIcon](https://vue-data-ui.graphieros.com/docs#vue-ui-icon)
7978
- [VueUiMiniLoader](https://vue-data-ui.graphieros.com/docs#vue-ui-mini-loader)
79+
- [VueUiScreenshot](https://vue-data-ui.graphieros.com/docs#vue-ui-screenshot)
80+
- [VueUiSkeleton](https://vue-data-ui.graphieros.com/docs#vue-ui-skeleton)
8081

8182
# Installation
8283

package-lock.json

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 25 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,44 +1,45 @@
11
{
22
"name": "vue-data-ui",
33
"private": false,
4-
"version": "2.0.44",
4+
"version": "2.0.45",
55
"type": "module",
66
"description": "A user-empowering data visualization Vue components library",
77
"keywords": [
8+
"3d bar",
89
"Vue",
9-
"data visualization",
10+
"accelerometer",
11+
"age pyramid",
12+
"annotator",
13+
"candlestick",
1014
"chart",
11-
"graph",
15+
"dashboard",
16+
"data visualization",
17+
"donut evolution",
1218
"donut",
13-
"waffle",
14-
"radar",
19+
"galaxy",
1520
"gauge",
16-
"accelerometer",
17-
"quadrant",
21+
"graph",
22+
"heatmap",
1823
"line",
19-
"table",
24+
"molecule",
25+
"mood radar",
26+
"quadrant",
27+
"radar",
2028
"rating",
29+
"relationship circle",
30+
"rings",
31+
"scatter",
2132
"screenshot",
22-
"sparkline",
23-
"sparkbar",
2433
"skeleton",
25-
"scatter",
26-
"heatmap",
27-
"candlestick",
28-
"age pyramid",
29-
"dashboard",
30-
"annotator",
3134
"smiley",
32-
"relationship circle",
35+
"sparkbar",
36+
"sparkline",
37+
"table",
3338
"thermometer",
34-
"rings",
35-
"wheel",
3639
"tiremarks",
37-
"donut evolution",
38-
"mood radar",
39-
"3d bar",
40-
"molecule",
41-
"tree"
40+
"tree",
41+
"waffle",
42+
"wheel"
4243
],
4344
"author": "Alec Lloyd Probert",
4445
"repository": {

src/App.vue

Lines changed: 73 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -54,6 +54,7 @@ import { getVueDataUiConfig } from "vue-data-ui";
5454
import SparkGaugeTest from "./components/vue-ui-sparkgauge.vue";
5555
import VueDataUiTest from "./components/vue-data-ui.vue";
5656
import VueDataUi from "./components/vue-data-ui.vue";
57+
import GalaxyTest from "./components/vue-ui-galaxy.vue";
5758
5859
const dataset = ref([
5960
{
@@ -2797,6 +2798,58 @@ function testEmit2(data) {
27972798
console.log({data})
27982799
}
27992800
2801+
const galaxyDataset = ref([
2802+
{
2803+
name: "serie 1",
2804+
color: "",
2805+
values: [255],
2806+
shape: "star"
2807+
},
2808+
{
2809+
name: "serie 2",
2810+
color: "",
2811+
values: [129],
2812+
shape: "diamond"
2813+
},
2814+
{
2815+
name: "serie 3",
2816+
color: "",
2817+
values: [21],
2818+
shape: "triangle"
2819+
},
2820+
{
2821+
name: "serie 4",
2822+
color: "",
2823+
values: [19],
2824+
shape: "hexagon"
2825+
},
2826+
]);
2827+
2828+
const galaxyConfig = ref({
2829+
style: {
2830+
chart: {
2831+
layout: {
2832+
arcs: {
2833+
strokeWidth: 6,
2834+
borderWidth: 2
2835+
}
2836+
},
2837+
title: {
2838+
text: "Title",
2839+
subtitle: {
2840+
text: "Subtitle"
2841+
}
2842+
},
2843+
tooltip: {
2844+
customFormat: ({ datapoint, series, config, seriesIndex }) => {
2845+
console.log({ datapoint, series})
2846+
return datapoint.name
2847+
}
2848+
}
2849+
}
2850+
}
2851+
})
2852+
28002853
</script>
28012854

28022855
<template>
@@ -2822,6 +2875,7 @@ function testEmit2(data) {
28222875
<template #misc>
28232876
<div style="display: flex; flex-wrap: wrap; gap: 12px; width: 100%">
28242877
<BaseIcon name="pdf" />
2878+
<BaseIcon name="csv"/>
28252879
<BaseIcon name="image" />
28262880
<BaseIcon name="excel" />
28272881
<BaseIcon name="tableOpen" />
@@ -2895,11 +2949,29 @@ function testEmit2(data) {
28952949
<BaseIcon name="chartNestedDonuts" stroke="#42d392" />
28962950
<BaseIcon name="chartSparkbar" stroke="#42d392" />
28972951
<BaseIcon name="chartSparkline" stroke="#42d392" />
2898-
2952+
<BaseIcon name="legend" stroke="#42d392" />
28992953
</div>
29002954
</template>
29012955
</Box>
29022956

2957+
<Box open @copy="copyConfig(PROD_CONFIG.vue_ui_galaxy)">
2958+
<template #title>
2959+
<BaseIcon name="chartGalaxy"/>
2960+
VueUiGalaxy
2961+
</template>
2962+
<template #info>
2963+
</template>
2964+
<template #dev>
2965+
<GalaxyTest :dataset="galaxyDataset" :config="galaxyConfig" />
2966+
</template>
2967+
<template #prod>
2968+
<VueDataUi component="VueUiGalaxy" :dataset="galaxyDataset" :config="galaxyConfig" />
2969+
</template>
2970+
<template #config>
2971+
{{ PROD_CONFIG.vue_ui_galaxy }}
2972+
</template>
2973+
</Box>
2974+
29032975
<Box @copy="copyConfig(PROD_CONFIG.vue_ui_sparkgauge)">
29042976
<template #title>
29052977
<BaseIcon name="chartGauge"/>

src/atoms/BaseIcon.vue

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -45,8 +45,8 @@ const icons = computed(() => {
4545
chartSparkHistogram: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M2 9 2 11C2 12 3 12 3 12L5 12C6 12 6 11 6 11L6 9C6 8 5 8 5 8L3 8C2 8 2 9 2 9M8 8 8 12C8 12 8 13 9 13L11 13C12 13 12 12 12 12L12 8C12 7 11 7 11 7L9 7C8 7 8 8 8 8M14 9 14 11C14 12 15 12 15 12L17 12C18 12 18 11 18 11L18 9C18 9 18 8 17 8L15 8C14 8 14 9 14 9" />`,
4646
chartSparkStackbar: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M 2 10 L 18 10" style="opacity:0.3" /><path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M 2 10 L 14 10" style="opacity:0.5" /><path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M 2 10 L 8 10" />`,
4747
chartTable: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M2 3 2 17C2 18 2 18 3 18L17 18C18 18 18 18 18 17L18 3C18 2 18 2 17 2L3 2C2 2 2 2 2 3M10 6 10 18M2 10 18 10M6 2M14 2M2 6 18 6M2 14 18 14M6 8 8 8M6 12 8 12M6 16 8 16M14 8 16 8M14 12 16 12M14 16 16 16" />`,
48-
chartThermometer: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M13 4A1 1 0 007 4L7 16A1 1 0 0013 16L13 4M7 15 8 15M7 12 8 12M7 9 8 9M7 6 8 6M10 18 10 9M12 15 13 15M12 12 13 12M12 9 13 9M12 6 13 6" />`,
49-
chartTiremarks: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M1 8 1 12M3 8 3 12M5 8 5 12M7 8 7 12M9 8 9 12M11 8 11 12M13 8 13 12M15 8 15 12M17 8 17 12M19 8 19 12" />`,
48+
chartThermometer: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M 13 4 A 1 1 0 0 0 7 4 L 7 16 A 1 1 0 0 0 13 16 L 13 4 M 7 15 L 8 15 M 7 12 L 8 12 M 7 9 L 8 9 M 7 6 L 8 6 M 12 15 L 13 15 M 12 12 L 13 12 M 12 9 L 13 9 M 12 6 L 13 6 " /><path stroke="${props.stroke}" stroke-width="${props.strokeWidth}" opacity="0.6" d="M 10 17 L 10 12 " /><path stroke="${props.stroke}" stroke-width="${props.strokeWidth}" opacity="M 10 17 L 10 9" d="0.6" /><path stroke="${props.stroke}" stroke-width="${props.strokeWidth}" opacity="0.3" d="M 10 17 L 10 6" /><path stroke="${props.stroke}" stroke-width="${props.strokeWidth}" opacity="0.1" d="M 10 17 L 10 3" />`,
49+
chartTiremarks: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M1 8 1 12M3 8 3 12M5 8 5 12M7 8 7 12M9 8 9 12M11 8 11 12M13 8 13 12" /><path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M1 8 1 12M3 8 3 12M5 8 5 12M7 8 7 12M9 8 9 12M11 8 11 12M13 8 13 12M15 8 15 12M17 8 17 12M19 8 19 12" style="opacity:0.4" />`,
5050
chartVerticalBar: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M1 3 1 5C1 6 1 6 2 6L9 6C10 6 10 6 10 5L10 3C10 2 10 2 9 2L2 2C1 2 1 2 1 3M1 9 1 11C1 12 1 12 2 12L13 12C14 12 14 12 14 11L14 9C14 8 14 8 13 8L2 8C1 8 1 8 1 9M1 15 1 17C1 18 1 18 2 18L17 18C18 18 18 18 18 17L18 15C18 14 18 14 17 14L2 14C1 14 1 14 1 15" />`,
5151
chartWaffle: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M1 2 1 4C1 5 1 5 2 5L4 5C5 5 5 5 5 4L5 2C5 1 5 1 4 1L2 1C1 1 1 1 1 2M18 1 16 1C15 1 15 1 15 2L15 4C15 5 15 5 16 5L18 5C19 5 19 5 19 4L19 2C19 1 19 1 18 1M8 2 8 4C8 5 8 5 9 5L11 5C12 5 12 5 12 4L12 2C12 1 12 1 11 1L9 1C8 1 8 1 8 2M2 19 4 19C5 19 5 19 5 18L5 16C5 15 5 15 4 15L2 15C1 15 1 15 1 16L1 18C1 19 1 19 2 19M1 9 1 11C1 12 1 12 2 12L4 12C5 12 5 12 5 11L5 9C5 8 5 8 4 8L2 8C1 8 1 8 1 9M15 16 15 18C15 19 15 19 16 19L18 19C19 19 19 19 19 18L19 16C19 15 19 15 18 15L16 15C15 15 15 15 15 16M8 16 8 18C8 19 8 19 9 19L11 19C12 19 12 19 12 18L12 16C12 15 12 15 11 15L9 15C8 15 8 15 8 16M8 9 8 11C8 12 8 12 9 12L11 12C12 12 12 12 12 11L12 9C12 8 12 8 11 8L9 8C8 8 8 8 8 9M15 9 15 11C15 12 15 12 16 12L18 12C19 12 19 12 19 11L19 9C19 8 19 8 18 8L16 8C15 8 15 8 15 9" />`,
5252
chartWheel: `<circle cx="10" cy="10" r="7" fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-dasharray="16" stroke-linecap="round"/><circle cx="10" cy="10" r="9" fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-dasharray="2" stroke-linecap="round" style="opacity:0.7"/><circle cx="10" cy="10" r="1" fill="${props.stroke}" />`,
@@ -72,6 +72,7 @@ const icons = computed(() => {
7272
moodNeutral: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M1 10A1 1 0 0019 10 1 1 0 001 10M5 12C9 12 11 12 15 12M5 7A1 1 0 008 7 1 1 0 005 7M12 7A1 1 0 0015 7 1 1 0 0012 7" />`,
7373
moodSad: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M1 10A1 1 0 0019 10 1 1 0 001 10M5 14C6 9 14 9 15 14L5 14M5 7A1 1 0 008 7 1 1 0 005 7M12 7A1 1 0 0015 7 1 1 0 0012 7" />`,
7474
pdf: `<path stroke-width="${props.strokeWidth}" fill="none" stroke="${props.stroke}" stroke-linecap="round" stroke-linejoin="round" d="M4 1C2 1 1 2 1 4L1 16C1 18 2 19 4 19L16 19C18 19 19 18 19 16L19 6C15 6 14 5 14 1ZM4 16 4 9 5 9Q7 9 7 11 7 13 5 13L4 13M9 16 9 9 9 9Q12 9 12 12L12 13Q12 16 9 16L9 16M14 16 14 9 16 9M14 12 16 12"/>`,
75+
csv: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M 4 1 C 2 1 1 2 1 4 L 1 16 C 1 18 2 19 4 19 L 16 19 C 18 19 19 18 19 16 L 19 6 C 15 6 14 5 14 1 Z M 7 11 C 7 10 7 9 6 9 L 5 9 C 4 9 4 10 4 11 L 4 14 C 4 15 4 16 5 16 L 6 16 C 7 16 7 15 7 14 M 12 11 C 12 10 12 9 11 9 L 10 9 C 9 9 9 10 9 11 C 9 13 12 12 12 14 C 12 15 12 16 11 16 L 10 16 C 9 16 9 15 9 14 M 14 9 L 15 16 L 16 9" />`,
7576
screenshot: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M1 4 1 3C1 2 2 1 3 1L4 1M16 1 17 1C18 1 19 2 19 3L19 4M1 16 1 17C1 18 2 19 3 19L4 19M16 19 17 19C18 19 19 18 19 17L19 16M8 10A1 1 0 0012 10 1 1 0 008 10M5 13 5 8C5 7 5 7 6 7L14 7C15 7 15 7 15 8L15 13C15 14 15 14 14 14L6 14C5 14 5 14 5 13M7 6 13 6" />`,
7677
skeleton: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M3 14A1 1 0 003 18L7 18A1 1 0 007 14L3 14M3 8A1 1 0 003 12L7 12A1 1 0 007 8L3 8M3 2A1 1 0 003 6L4 6A1 1 0 004 2L3 2M12 10 12 16C12 17 13 18 14 18L17 18C18 18 19 17 19 16L19 10C19 9 18 8 17 8L14 8C13 8 12 9 12 10" stroke-dasharray="2" />`,
7778
smiley: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M1 10A1 1 0 0019 10 1 1 0 001 10M5 12C8 14 12 14 15 12M5 7A1 1 0 008 7 1 1 0 005 7M12 7A1 1 0 0015 7 1 1 0 0012 7" />`,
@@ -98,7 +99,9 @@ const icons = computed(() => {
9899
circleQuestion: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 1 10 A 1 1 0 0 0 19 10 A 1 1 0 0 0 1 10 M 10 5 C 14 5 14 10 10 10 M 10 13 A 1 1 0 0 0 10 15 A 1 1 0 0 0 10 13 M 7 7 C 7 6 8 5 10 5" />`,
99100
refresh: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 2 10 A 1 1 0 0 0 17 10 C 17 5 12 2 7 4 L 10 1 M 7 4 L 10 7" />`,
100101
chartSparkbar: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M 2 5 L 18 5 M 2 10 L 18 10 M 2 15 L 18 15" style="opacity:0.3" /><path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M 2 5 L 15 5 M 2 10 L 11 10 M 2 15 L 7 15" />`,
101-
chartSparkline: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M 1 10 C 1 8 2 8 2 8 C 4 8 4 12 6 13 C 8 12 6 7 8 6 C 10 6 10 11 11 11 C 13 12 12 6 14 4" />`
102+
chartSparkline: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M 1 10 C 1 8 2 8 2 8 C 4 8 4 12 6 13 C 8 12 6 7 8 6 C 10 6 10 11 11 11 C 13 12 12 6 14 4" />`,
103+
legend: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M 3 2 L 5 2 C 5 2 6 2 6 3 L 6 5 C 6 6 5 6 5 6 L 3 6 C 3 6 2 6 2 5 L 2 3 C 2 2 3 2 3 2 M 8 4 C 8 3 9 3 9 3 L 17 3 C 17 3 18 3 18 4 C 18 5 17 5 17 5 L 9 5 C 9 5 8 5 8 4 M 3 8 L 5 8 C 5 8 6 8 6 9 L 6 11 C 6 12 5 12 5 12 L 3 12 C 3 12 2 12 2 11 L 2 9 C 2 8 3 8 3 8 M 8 10 C 8 9 9 9 9 9 L 17 9 C 17 9 18 9 18 10 C 18 11 17 11 17 11 L 9 11 C 9 11 8 11 8 10 M 3 14 L 5 14 C 5 14 6 14 6 15 L 6 17 C 6 18 5 18 5 18 L 3 18 C 3 18 2 18 2 17 L 2 15 C 2 14 3 14 3 14 M 8 16 C 8 15 9 15 9 15 L 17 15 C 17 15 18 15 18 16 C 18 17 17 17 17 17 L 9 17 C 9 17 8 17 8 16" />`,
104+
chartGalaxy: `<path fill="none" stroke="${props.stroke}" stroke-width="${props.strokeWidth}" stroke-linecap="round" d="M 7 11 A 1 1 0 0 0 11 11 M 14 11 A 1 1 0 0 0 7 11 M 3 11 A 1 1 0 0 0 14 11 M 18 11 A 1 1 0 0 0 3 11 M 16.4 16 C 17 15 18 13 18 11" />`
102105
}
103106
})
104107

0 commit comments

Comments
 (0)