@likable-hair/svelte 3.1.48 → 3.1.50
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/dist/components/simple/charts/GanymedeBarChart.svelte +9 -5
- package/dist/components/simple/charts/GanymedeBarChart.svelte.d.ts +4 -0
- package/dist/components/simple/charts/GanymedeLineChart.svelte +7 -3
- package/dist/components/simple/charts/GanymedeLineChart.svelte.d.ts +4 -0
- package/package.json +1 -1
|
@@ -25,7 +25,7 @@ ChartJS.register(
|
|
|
25
25
|
export let data = {
|
|
26
26
|
labels: [],
|
|
27
27
|
datasets: []
|
|
28
|
-
}, horizontal = false, responsive = true, maintainAspectRatio = true, showLegend = true, showYTicks = false, showXTicks = false, displayYGrid = true, lineWidth = 1, enableZoom = true, resetZoom = false, tooltipLabel = void 0, yTickLabel = void 0, xTickLabel = void 0;
|
|
28
|
+
}, horizontal = false, responsive = true, maintainAspectRatio = true, showLegend = true, showYTicks = false, showXTicks = false, displayYGrid = true, lineWidth = 1, enableZoom = true, resetZoom = false, tooltipLabel = void 0, yTickLabel = void 0, xTickLabel = void 0, xTickStepSize = void 0, yTickStepSize = void 0, xMax = void 0, yMax = void 0;
|
|
29
29
|
let mounted = false, zoomMounted = false;
|
|
30
30
|
onMount(() => {
|
|
31
31
|
mounted = true;
|
|
@@ -108,6 +108,7 @@ $:
|
|
|
108
108
|
},
|
|
109
109
|
scales: {
|
|
110
110
|
x: {
|
|
111
|
+
max: xMax,
|
|
111
112
|
display: true,
|
|
112
113
|
title: {
|
|
113
114
|
display: true
|
|
@@ -119,11 +120,13 @@ $:
|
|
|
119
120
|
display: false
|
|
120
121
|
},
|
|
121
122
|
ticks: {
|
|
122
|
-
display:
|
|
123
|
-
callback: xTickLabel
|
|
123
|
+
display: showXTicks,
|
|
124
|
+
callback: xTickLabel,
|
|
125
|
+
stepSize: xTickStepSize
|
|
124
126
|
}
|
|
125
127
|
},
|
|
126
128
|
y: {
|
|
129
|
+
max: yMax,
|
|
127
130
|
display: displayYGrid,
|
|
128
131
|
title: {},
|
|
129
132
|
grid: {
|
|
@@ -135,8 +138,9 @@ $:
|
|
|
135
138
|
display: false
|
|
136
139
|
},
|
|
137
140
|
ticks: {
|
|
138
|
-
display:
|
|
139
|
-
callback: yTickLabel
|
|
141
|
+
display: showYTicks,
|
|
142
|
+
callback: yTickLabel,
|
|
143
|
+
stepSize: yTickStepSize
|
|
140
144
|
}
|
|
141
145
|
}
|
|
142
146
|
}
|
|
@@ -25,6 +25,10 @@ declare const __propDef: {
|
|
|
25
25
|
tooltipLabel?: ((tooltip: import("chart.js").TooltipItem<"bar">) => string) | undefined;
|
|
26
26
|
yTickLabel?: ((tickValue: string | number, index: number, ticks: any[]) => (string | number)) | undefined;
|
|
27
27
|
xTickLabel?: ((tickValue: string | number, index: number, ticks: any[]) => (string | number)) | undefined;
|
|
28
|
+
xTickStepSize?: number | undefined;
|
|
29
|
+
yTickStepSize?: number | undefined;
|
|
30
|
+
xMax?: number | undefined;
|
|
31
|
+
yMax?: number | undefined;
|
|
28
32
|
rgbTooltipColor?: string | undefined;
|
|
29
33
|
rgbTooltipBackgroundColor?: string | undefined;
|
|
30
34
|
rgbBackgroundColor?: string | undefined;
|
|
@@ -28,7 +28,7 @@ onMount(async () => {
|
|
|
28
28
|
export let data = {
|
|
29
29
|
labels: [],
|
|
30
30
|
datasets: []
|
|
31
|
-
}, horizontal = false, responsive = true, maintainAspectRatio = true, showLegend = true, showYTicks = false, showXTicks = false, displayYGrid = true, lineWidth = 1, enableZoom = false, resetZoom = false;
|
|
31
|
+
}, horizontal = false, responsive = true, maintainAspectRatio = true, showLegend = true, showYTicks = false, showXTicks = false, displayYGrid = true, lineWidth = 1, enableZoom = false, resetZoom = false, xTickStepSize = void 0, yTickStepSize = void 0, xMax = void 0, yMax = void 0;
|
|
32
32
|
$:
|
|
33
33
|
gridColor = "rgb(" + (background || "200, 200, 200") + ", .3)";
|
|
34
34
|
let chart;
|
|
@@ -73,6 +73,7 @@ $:
|
|
|
73
73
|
},
|
|
74
74
|
scales: {
|
|
75
75
|
x: {
|
|
76
|
+
max: xMax,
|
|
76
77
|
display: true,
|
|
77
78
|
title: {
|
|
78
79
|
display: true
|
|
@@ -84,10 +85,12 @@ $:
|
|
|
84
85
|
display: false
|
|
85
86
|
},
|
|
86
87
|
ticks: {
|
|
87
|
-
display: showYTicks
|
|
88
|
+
display: showYTicks,
|
|
89
|
+
stepSize: yTickStepSize
|
|
88
90
|
}
|
|
89
91
|
},
|
|
90
92
|
y: {
|
|
93
|
+
max: yMax,
|
|
91
94
|
display: displayYGrid,
|
|
92
95
|
title: {},
|
|
93
96
|
grid: {
|
|
@@ -99,7 +102,8 @@ $:
|
|
|
99
102
|
display: false
|
|
100
103
|
},
|
|
101
104
|
ticks: {
|
|
102
|
-
display: showXTicks
|
|
105
|
+
display: showXTicks,
|
|
106
|
+
stepSize: xTickStepSize
|
|
103
107
|
}
|
|
104
108
|
}
|
|
105
109
|
}
|
|
@@ -22,6 +22,10 @@ declare const __propDef: {
|
|
|
22
22
|
lineWidth?: number | undefined;
|
|
23
23
|
enableZoom?: boolean | undefined;
|
|
24
24
|
resetZoom?: boolean | undefined;
|
|
25
|
+
xTickStepSize?: number | undefined;
|
|
26
|
+
yTickStepSize?: number | undefined;
|
|
27
|
+
xMax?: number | undefined;
|
|
28
|
+
yMax?: number | undefined;
|
|
25
29
|
};
|
|
26
30
|
events: {
|
|
27
31
|
[evt: string]: CustomEvent<any>;
|