@sentropic/design-system-vue 0.14.0 → 0.16.0
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/BulletChart.d.ts +74 -0
- package/dist/BulletChart.d.ts.map +1 -0
- package/dist/BulletChart.js +321 -0
- package/dist/BulletChart.js.map +1 -0
- package/dist/BumpChart.d.ts +74 -0
- package/dist/BumpChart.d.ts.map +1 -0
- package/dist/BumpChart.js +231 -0
- package/dist/BumpChart.js.map +1 -0
- package/dist/CalendarHeatmapChart.d.ts +62 -0
- package/dist/CalendarHeatmapChart.d.ts.map +1 -0
- package/dist/CalendarHeatmapChart.js +203 -0
- package/dist/CalendarHeatmapChart.js.map +1 -0
- package/dist/CandlestickChart.d.ts +65 -0
- package/dist/CandlestickChart.d.ts.map +1 -0
- package/dist/CandlestickChart.js +183 -0
- package/dist/CandlestickChart.js.map +1 -0
- package/dist/FilterBar.d.ts +52 -0
- package/dist/FilterBar.d.ts.map +1 -0
- package/dist/FilterBar.js +31 -0
- package/dist/FilterBar.js.map +1 -0
- package/dist/FilterPill.d.ts +114 -0
- package/dist/FilterPill.d.ts.map +1 -0
- package/dist/FilterPill.js +112 -0
- package/dist/FilterPill.js.map +1 -0
- package/dist/MarimekkoChart.d.ts +69 -0
- package/dist/MarimekkoChart.d.ts.map +1 -0
- package/dist/MarimekkoChart.js +165 -0
- package/dist/MarimekkoChart.js.map +1 -0
- package/dist/ParallelCoordinatesChart.d.ts +85 -0
- package/dist/ParallelCoordinatesChart.d.ts.map +1 -0
- package/dist/ParallelCoordinatesChart.js +190 -0
- package/dist/ParallelCoordinatesChart.js.map +1 -0
- package/dist/SelectionChip.d.ts +73 -0
- package/dist/SelectionChip.d.ts.map +1 -0
- package/dist/SelectionChip.js +60 -0
- package/dist/SelectionChip.js.map +1 -0
- package/dist/index.d.ts +18 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +9 -0
- package/dist/index.js.map +1 -1
- package/dist/styles.css +825 -0
- package/package.json +1 -1
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
export type BulletChartDatum = {
|
|
2
|
+
label: string;
|
|
3
|
+
value: number;
|
|
4
|
+
target: number;
|
|
5
|
+
ranges?: number[];
|
|
6
|
+
};
|
|
7
|
+
export type BulletChartProps = {
|
|
8
|
+
data: BulletChartDatum[];
|
|
9
|
+
label: string;
|
|
10
|
+
orientation?: "horizontal" | "vertical";
|
|
11
|
+
width?: number;
|
|
12
|
+
height?: number;
|
|
13
|
+
class?: string;
|
|
14
|
+
};
|
|
15
|
+
export declare const BulletChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
16
|
+
data: {
|
|
17
|
+
type: () => BulletChartDatum[];
|
|
18
|
+
default: () => never[];
|
|
19
|
+
};
|
|
20
|
+
label: {
|
|
21
|
+
type: StringConstructor;
|
|
22
|
+
required: true;
|
|
23
|
+
};
|
|
24
|
+
orientation: {
|
|
25
|
+
type: () => "horizontal" | "vertical";
|
|
26
|
+
default: string;
|
|
27
|
+
};
|
|
28
|
+
width: {
|
|
29
|
+
type: NumberConstructor;
|
|
30
|
+
default: number;
|
|
31
|
+
};
|
|
32
|
+
height: {
|
|
33
|
+
type: NumberConstructor;
|
|
34
|
+
default: number;
|
|
35
|
+
};
|
|
36
|
+
class: {
|
|
37
|
+
type: StringConstructor;
|
|
38
|
+
default: undefined;
|
|
39
|
+
};
|
|
40
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
41
|
+
[key: string]: any;
|
|
42
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
43
|
+
data: {
|
|
44
|
+
type: () => BulletChartDatum[];
|
|
45
|
+
default: () => never[];
|
|
46
|
+
};
|
|
47
|
+
label: {
|
|
48
|
+
type: StringConstructor;
|
|
49
|
+
required: true;
|
|
50
|
+
};
|
|
51
|
+
orientation: {
|
|
52
|
+
type: () => "horizontal" | "vertical";
|
|
53
|
+
default: string;
|
|
54
|
+
};
|
|
55
|
+
width: {
|
|
56
|
+
type: NumberConstructor;
|
|
57
|
+
default: number;
|
|
58
|
+
};
|
|
59
|
+
height: {
|
|
60
|
+
type: NumberConstructor;
|
|
61
|
+
default: number;
|
|
62
|
+
};
|
|
63
|
+
class: {
|
|
64
|
+
type: StringConstructor;
|
|
65
|
+
default: undefined;
|
|
66
|
+
};
|
|
67
|
+
}>> & Readonly<{}>, {
|
|
68
|
+
class: string;
|
|
69
|
+
data: BulletChartDatum[];
|
|
70
|
+
width: number;
|
|
71
|
+
height: number;
|
|
72
|
+
orientation: "horizontal" | "vertical";
|
|
73
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
74
|
+
//# sourceMappingURL=BulletChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BulletChart.d.ts","sourceRoot":"","sources":["../src/BulletChart.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,gBAAgB,EAAE,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAuCF,eAAO,MAAM,WAAW;;cAGG,MAAM,gBAAgB,EAAE;;;;;;;;cAEhB,MAAM,YAAY,GAAG,UAAU;;;;;;;;;;;;;;;;;;;cAFvC,MAAM,gBAAgB,EAAE;;;;;;;;cAEhB,MAAM,YAAY,GAAG,UAAU;;;;;;;;;;;;;;;;;;;;;4EA0ThE,CAAC"}
|
|
@@ -0,0 +1,321 @@
|
|
|
1
|
+
import { defineComponent, h, ref } from "vue";
|
|
2
|
+
import { classNames } from "./classNames.js";
|
|
3
|
+
import { chartDataList } from "./chartScale.js";
|
|
4
|
+
const MARGIN = { top: 12, right: 24, bottom: 36, left: 80 };
|
|
5
|
+
const RANGE_OPACITIES = [0.18, 0.30, 0.44];
|
|
6
|
+
function scaleLinear(v, d0, d1, r0, r1) {
|
|
7
|
+
if (d1 === d0)
|
|
8
|
+
return r0;
|
|
9
|
+
return r0 + ((v - d0) * (r1 - r0)) / (d1 - d0);
|
|
10
|
+
}
|
|
11
|
+
function niceTicks(min, max, target = 5) {
|
|
12
|
+
if (!Number.isFinite(min) || !Number.isFinite(max) || min === max) {
|
|
13
|
+
const base = Number.isFinite(max) ? max : 0;
|
|
14
|
+
return [base];
|
|
15
|
+
}
|
|
16
|
+
const range = max - min;
|
|
17
|
+
const rough = range / Math.max(target - 1, 1);
|
|
18
|
+
const pow = Math.pow(10, Math.floor(Math.log10(rough)));
|
|
19
|
+
const norm = rough / pow;
|
|
20
|
+
let step;
|
|
21
|
+
if (norm < 1.5)
|
|
22
|
+
step = 1 * pow;
|
|
23
|
+
else if (norm < 3)
|
|
24
|
+
step = 2 * pow;
|
|
25
|
+
else if (norm < 7)
|
|
26
|
+
step = 5 * pow;
|
|
27
|
+
else
|
|
28
|
+
step = 10 * pow;
|
|
29
|
+
const start = Math.floor(min / step) * step;
|
|
30
|
+
const end = Math.ceil(max / step) * step;
|
|
31
|
+
const ticks = [];
|
|
32
|
+
for (let v = start; v <= end + step / 2; v += step) {
|
|
33
|
+
ticks.push(Number(v.toFixed(10)));
|
|
34
|
+
}
|
|
35
|
+
return ticks;
|
|
36
|
+
}
|
|
37
|
+
function formatTick(v) {
|
|
38
|
+
if (Math.abs(v) >= 1000)
|
|
39
|
+
return `${(v / 1000).toFixed(v % 1000 === 0 ? 0 : 1)}k`;
|
|
40
|
+
if (Number.isInteger(v))
|
|
41
|
+
return String(v);
|
|
42
|
+
return v.toFixed(1);
|
|
43
|
+
}
|
|
44
|
+
export const BulletChart = defineComponent({
|
|
45
|
+
name: "BulletChart",
|
|
46
|
+
props: {
|
|
47
|
+
data: { type: Array, default: () => [] },
|
|
48
|
+
label: { type: String, required: true },
|
|
49
|
+
orientation: { type: String, default: "horizontal" },
|
|
50
|
+
width: { type: Number, default: 480 },
|
|
51
|
+
height: { type: Number, default: 240 },
|
|
52
|
+
class: { type: String, default: undefined },
|
|
53
|
+
},
|
|
54
|
+
setup(props, { attrs }) {
|
|
55
|
+
const hoveredIndex = ref(null);
|
|
56
|
+
function handleLeave() {
|
|
57
|
+
hoveredIndex.value = null;
|
|
58
|
+
}
|
|
59
|
+
function handlePointerMove(event) {
|
|
60
|
+
const target = event.target;
|
|
61
|
+
if (!(target instanceof Element)) {
|
|
62
|
+
hoveredIndex.value = null;
|
|
63
|
+
return;
|
|
64
|
+
}
|
|
65
|
+
const idx = Number(target.getAttribute("data-chart-index"));
|
|
66
|
+
hoveredIndex.value = Number.isInteger(idx) ? idx : null;
|
|
67
|
+
}
|
|
68
|
+
return () => {
|
|
69
|
+
const data = props.data ?? [];
|
|
70
|
+
const label = props.label;
|
|
71
|
+
const orientation = props.orientation ?? "horizontal";
|
|
72
|
+
const width = props.width ?? 480;
|
|
73
|
+
const height = props.height ?? 240;
|
|
74
|
+
const plotWidth = Math.max(width - MARGIN.left - MARGIN.right, 1);
|
|
75
|
+
const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
|
|
76
|
+
// FIX: filter invalid data (non-finite value/target → skip)
|
|
77
|
+
const validData = data.filter((d) => Number.isFinite(d.value) && Number.isFinite(d.target));
|
|
78
|
+
// FIX: domain includes 0, values, targets AND ranges; negative domain supported
|
|
79
|
+
const allDomainValues = [0];
|
|
80
|
+
for (const d of validData) {
|
|
81
|
+
allDomainValues.push(d.value, d.target);
|
|
82
|
+
for (const r of d.ranges ?? []) {
|
|
83
|
+
if (Number.isFinite(r))
|
|
84
|
+
allDomainValues.push(r);
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
const rawMin = Math.min(...allDomainValues);
|
|
88
|
+
const rawMax = Math.max(...allDomainValues);
|
|
89
|
+
// Flat domain → fallback +1
|
|
90
|
+
const domainMax = rawMax === rawMin ? rawMin + 1 : rawMax;
|
|
91
|
+
const domainMin = rawMin;
|
|
92
|
+
const ticks = niceTicks(domainMin, domainMax, 5);
|
|
93
|
+
const tickDomainMin = ticks[0] ?? domainMin;
|
|
94
|
+
const tickDomainMax = ticks[ticks.length - 1] ?? domainMax;
|
|
95
|
+
// Position of baseline (value 0) in pixels
|
|
96
|
+
const baselineX = MARGIN.left + scaleLinear(0, tickDomainMin, tickDomainMax, 0, plotWidth);
|
|
97
|
+
const baselineY = MARGIN.top + scaleLinear(0, tickDomainMin, tickDomainMax, plotHeight, 0);
|
|
98
|
+
const bandCount = validData.length;
|
|
99
|
+
const bullets = [];
|
|
100
|
+
if (bandCount > 0) {
|
|
101
|
+
if (orientation === "horizontal") {
|
|
102
|
+
const bandH = plotHeight / bandCount;
|
|
103
|
+
const barH = bandH * 0.35;
|
|
104
|
+
const rangeH = bandH * 0.65;
|
|
105
|
+
for (let i = 0; i < validData.length; i++) {
|
|
106
|
+
const d = validData[i];
|
|
107
|
+
const ranges = (d.ranges ?? [tickDomainMax]).filter(Number.isFinite).slice(0, 3);
|
|
108
|
+
const sortedRanges = [...ranges].sort((a, b) => a - b);
|
|
109
|
+
const bandY = MARGIN.top + i * bandH;
|
|
110
|
+
const cx = MARGIN.left + scaleLinear(d.value, tickDomainMin, tickDomainMax, 0, plotWidth);
|
|
111
|
+
const targetX = MARGIN.left + scaleLinear(d.target, tickDomainMin, tickDomainMax, 0, plotWidth);
|
|
112
|
+
const rangeBands = sortedRanges.map((r, ri) => {
|
|
113
|
+
const prevR = ri === 0 ? tickDomainMin : sortedRanges[ri - 1];
|
|
114
|
+
return {
|
|
115
|
+
x: MARGIN.left + scaleLinear(prevR, tickDomainMin, tickDomainMax, 0, plotWidth),
|
|
116
|
+
width: scaleLinear(r, tickDomainMin, tickDomainMax, 0, plotWidth) -
|
|
117
|
+
scaleLinear(prevR, tickDomainMin, tickDomainMax, 0, plotWidth),
|
|
118
|
+
opacity: RANGE_OPACITIES[ri] ?? 0.44,
|
|
119
|
+
y: bandY + (bandH - rangeH) / 2,
|
|
120
|
+
height: rangeH,
|
|
121
|
+
};
|
|
122
|
+
});
|
|
123
|
+
// FIX: bar starts from baseline (0)
|
|
124
|
+
const zeroX = baselineX;
|
|
125
|
+
const barLeft = Math.min(zeroX, cx);
|
|
126
|
+
const barRight = Math.max(zeroX, cx);
|
|
127
|
+
bullets.push({
|
|
128
|
+
datum: d,
|
|
129
|
+
index: i,
|
|
130
|
+
barX: barLeft,
|
|
131
|
+
barY: bandY + (bandH - barH) / 2,
|
|
132
|
+
barW: Math.max(barRight - barLeft, 0.5),
|
|
133
|
+
barH,
|
|
134
|
+
targetX,
|
|
135
|
+
targetY: bandY + (bandH - rangeH) / 2,
|
|
136
|
+
targetH: rangeH,
|
|
137
|
+
labelY: bandY + bandH / 2,
|
|
138
|
+
rangeBands,
|
|
139
|
+
tooltipX: cx,
|
|
140
|
+
tooltipY: bandY + bandH / 2,
|
|
141
|
+
});
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
else {
|
|
145
|
+
const bandW = plotWidth / bandCount;
|
|
146
|
+
const barW = bandW * 0.35;
|
|
147
|
+
const rangeW = bandW * 0.65;
|
|
148
|
+
for (let i = 0; i < validData.length; i++) {
|
|
149
|
+
const d = validData[i];
|
|
150
|
+
const ranges = (d.ranges ?? [tickDomainMax]).filter(Number.isFinite).slice(0, 3);
|
|
151
|
+
const sortedRanges = [...ranges].sort((a, b) => a - b);
|
|
152
|
+
const bandX = MARGIN.left + i * bandW;
|
|
153
|
+
const cy = MARGIN.top + scaleLinear(d.value, tickDomainMin, tickDomainMax, plotHeight, 0);
|
|
154
|
+
const targetY = MARGIN.top + scaleLinear(d.target, tickDomainMin, tickDomainMax, plotHeight, 0);
|
|
155
|
+
const rangeBands = sortedRanges.map((r, ri) => {
|
|
156
|
+
const prevR = ri === 0 ? tickDomainMin : sortedRanges[ri - 1];
|
|
157
|
+
return {
|
|
158
|
+
y: MARGIN.top + scaleLinear(r, tickDomainMin, tickDomainMax, plotHeight, 0),
|
|
159
|
+
height: Math.abs(scaleLinear(r, tickDomainMin, tickDomainMax, plotHeight, 0) -
|
|
160
|
+
scaleLinear(prevR, tickDomainMin, tickDomainMax, plotHeight, 0)),
|
|
161
|
+
opacity: RANGE_OPACITIES[ri] ?? 0.44,
|
|
162
|
+
x: bandX + (bandW - rangeW) / 2,
|
|
163
|
+
width: rangeW,
|
|
164
|
+
};
|
|
165
|
+
});
|
|
166
|
+
// FIX: bar starts from baseline (0)
|
|
167
|
+
const zeroY = baselineY;
|
|
168
|
+
const barTop = Math.min(zeroY, cy);
|
|
169
|
+
const barBot = Math.max(zeroY, cy);
|
|
170
|
+
bullets.push({
|
|
171
|
+
datum: d,
|
|
172
|
+
index: i,
|
|
173
|
+
barX: bandX + (bandW - barW) / 2,
|
|
174
|
+
barY: barTop,
|
|
175
|
+
barW: barW,
|
|
176
|
+
barH: Math.max(barBot - barTop, 0.5),
|
|
177
|
+
targetY,
|
|
178
|
+
targetX: bandX + (bandW - rangeW) / 2,
|
|
179
|
+
targetH: rangeW,
|
|
180
|
+
labelY: MARGIN.top + plotHeight + 18,
|
|
181
|
+
labelX: bandX + bandW / 2,
|
|
182
|
+
rangeBands,
|
|
183
|
+
tooltipX: bandX + bandW / 2,
|
|
184
|
+
tooltipY: cy,
|
|
185
|
+
});
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
}
|
|
189
|
+
const dataValueItems = validData.map((d) => `${d.label}: value ${d.value}, target ${d.target}`);
|
|
190
|
+
const svgChildren = [];
|
|
191
|
+
// baseline
|
|
192
|
+
if (orientation === "horizontal") {
|
|
193
|
+
svgChildren.push(h("line", {
|
|
194
|
+
class: "st-bulletChart__baseline",
|
|
195
|
+
x1: baselineX, x2: baselineX,
|
|
196
|
+
y1: MARGIN.top, y2: height - MARGIN.bottom,
|
|
197
|
+
}));
|
|
198
|
+
}
|
|
199
|
+
else {
|
|
200
|
+
svgChildren.push(h("line", {
|
|
201
|
+
class: "st-bulletChart__baseline",
|
|
202
|
+
x1: MARGIN.left, x2: width - MARGIN.right,
|
|
203
|
+
y1: baselineY, y2: baselineY,
|
|
204
|
+
}));
|
|
205
|
+
}
|
|
206
|
+
// axis lines
|
|
207
|
+
svgChildren.push(h("line", {
|
|
208
|
+
class: "st-bulletChart__axis",
|
|
209
|
+
x1: MARGIN.left,
|
|
210
|
+
x2: orientation === "horizontal" ? width - MARGIN.right : MARGIN.left,
|
|
211
|
+
y1: MARGIN.top,
|
|
212
|
+
y2: height - MARGIN.bottom,
|
|
213
|
+
}));
|
|
214
|
+
svgChildren.push(h("line", {
|
|
215
|
+
class: "st-bulletChart__axis",
|
|
216
|
+
x1: MARGIN.left,
|
|
217
|
+
x2: orientation === "horizontal" ? MARGIN.left : width - MARGIN.right,
|
|
218
|
+
y1: height - MARGIN.bottom,
|
|
219
|
+
y2: height - MARGIN.bottom,
|
|
220
|
+
}));
|
|
221
|
+
// ticks
|
|
222
|
+
for (const tick of ticks) {
|
|
223
|
+
if (orientation === "horizontal") {
|
|
224
|
+
const tx = MARGIN.left + scaleLinear(tick, tickDomainMin, tickDomainMax, 0, plotWidth);
|
|
225
|
+
svgChildren.push(h("line", { key: `g${tick}`, class: "st-bulletChart__grid", x1: tx, x2: tx, y1: MARGIN.top, y2: height - MARGIN.bottom }));
|
|
226
|
+
svgChildren.push(h("text", { key: `t${tick}`, class: "st-bulletChart__tickLabel", x: tx, y: height - MARGIN.bottom + 14, "text-anchor": "middle" }, formatTick(tick)));
|
|
227
|
+
}
|
|
228
|
+
else {
|
|
229
|
+
const ty = MARGIN.top + scaleLinear(tick, tickDomainMin, tickDomainMax, plotHeight, 0);
|
|
230
|
+
svgChildren.push(h("line", { key: `g${tick}`, class: "st-bulletChart__grid", x1: MARGIN.left, x2: width - MARGIN.right, y1: ty, y2: ty }));
|
|
231
|
+
svgChildren.push(h("text", { key: `t${tick}`, class: "st-bulletChart__tickLabel", x: MARGIN.left - 6, y: ty, "text-anchor": "end", "dominant-baseline": "middle" }, formatTick(tick)));
|
|
232
|
+
}
|
|
233
|
+
}
|
|
234
|
+
// bullets
|
|
235
|
+
for (const b of bullets) {
|
|
236
|
+
const i = b.index;
|
|
237
|
+
// range bands
|
|
238
|
+
for (let ri = 0; ri < b.rangeBands.length; ri++) {
|
|
239
|
+
const rb = b.rangeBands[ri];
|
|
240
|
+
svgChildren.push(h("rect", {
|
|
241
|
+
key: `rb${i}-${ri}`,
|
|
242
|
+
class: "st-bulletChart__range",
|
|
243
|
+
x: rb.x ?? b.barX,
|
|
244
|
+
y: rb.y ?? b.barY,
|
|
245
|
+
width: rb.width,
|
|
246
|
+
height: Math.abs(rb.height ?? 0),
|
|
247
|
+
style: `opacity:${rb.opacity}`,
|
|
248
|
+
}));
|
|
249
|
+
}
|
|
250
|
+
// bar
|
|
251
|
+
svgChildren.push(h("rect", {
|
|
252
|
+
key: `bar${i}-${b.datum.label}`,
|
|
253
|
+
class: "st-bulletChart__bar",
|
|
254
|
+
x: b.barX, y: b.barY,
|
|
255
|
+
width: b.barW, height: b.barH,
|
|
256
|
+
rx: 1,
|
|
257
|
+
"data-chart-index": i,
|
|
258
|
+
}));
|
|
259
|
+
// target
|
|
260
|
+
if (orientation === "horizontal") {
|
|
261
|
+
svgChildren.push(h("line", {
|
|
262
|
+
key: `tgt${i}`,
|
|
263
|
+
class: "st-bulletChart__target",
|
|
264
|
+
x1: b.targetX, x2: b.targetX,
|
|
265
|
+
y1: b.targetY, y2: b.targetY + b.targetH,
|
|
266
|
+
}));
|
|
267
|
+
svgChildren.push(h("text", {
|
|
268
|
+
key: `lbl${i}`,
|
|
269
|
+
class: "st-bulletChart__categoryLabel",
|
|
270
|
+
x: MARGIN.left - 8, y: b.labelY,
|
|
271
|
+
"text-anchor": "end", "dominant-baseline": "middle",
|
|
272
|
+
}, b.datum.label));
|
|
273
|
+
}
|
|
274
|
+
else {
|
|
275
|
+
svgChildren.push(h("line", {
|
|
276
|
+
key: `tgt${i}`,
|
|
277
|
+
class: "st-bulletChart__target",
|
|
278
|
+
x1: b.targetX, x2: (b.targetX ?? 0) + b.targetH,
|
|
279
|
+
y1: b.targetY, y2: b.targetY,
|
|
280
|
+
}));
|
|
281
|
+
svgChildren.push(h("text", {
|
|
282
|
+
key: `lbl${i}`,
|
|
283
|
+
class: "st-bulletChart__categoryLabel",
|
|
284
|
+
x: b.labelX ?? 0, y: b.labelY,
|
|
285
|
+
"text-anchor": "middle",
|
|
286
|
+
}, b.datum.label));
|
|
287
|
+
}
|
|
288
|
+
}
|
|
289
|
+
const hoveredBullet = hoveredIndex.value !== null ? bullets[hoveredIndex.value] : undefined;
|
|
290
|
+
const children = [
|
|
291
|
+
h("div", {
|
|
292
|
+
class: "st-bulletChart__visual",
|
|
293
|
+
role: "img",
|
|
294
|
+
"aria-label": label,
|
|
295
|
+
onPointermove: handlePointerMove,
|
|
296
|
+
onPointerleave: handleLeave,
|
|
297
|
+
}, [
|
|
298
|
+
h("svg", {
|
|
299
|
+
viewBox: `0 0 ${width} ${height}`,
|
|
300
|
+
preserveAspectRatio: "xMidYMid meet",
|
|
301
|
+
width: "100%", height: "100%",
|
|
302
|
+
focusable: "false", "aria-hidden": "true",
|
|
303
|
+
}, svgChildren),
|
|
304
|
+
]),
|
|
305
|
+
chartDataList(label, dataValueItems),
|
|
306
|
+
];
|
|
307
|
+
if (hoveredBullet) {
|
|
308
|
+
children.push(h("div", {
|
|
309
|
+
class: "st-bulletChart__tooltip",
|
|
310
|
+
role: "presentation",
|
|
311
|
+
style: `left:${(hoveredBullet.tooltipX / width) * 100}%;top:${(hoveredBullet.tooltipY / height) * 100}%`,
|
|
312
|
+
}, [
|
|
313
|
+
h("span", { class: "st-bulletChart__tooltipLabel" }, hoveredBullet.datum.label),
|
|
314
|
+
h("span", { class: "st-bulletChart__tooltipValue" }, `value: ${hoveredBullet.datum.value} / target: ${hoveredBullet.datum.target}`),
|
|
315
|
+
]));
|
|
316
|
+
}
|
|
317
|
+
return h("div", { ...attrs, class: classNames("st-bulletChart", props.class) }, children);
|
|
318
|
+
};
|
|
319
|
+
},
|
|
320
|
+
});
|
|
321
|
+
//# sourceMappingURL=BulletChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BulletChart.js","sourceRoot":"","sources":["../src/BulletChart.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
export type BumpChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
|
|
2
|
+
export type BumpChartSeries = {
|
|
3
|
+
label: string;
|
|
4
|
+
ranks: (number | null | undefined)[];
|
|
5
|
+
tone?: BumpChartTone;
|
|
6
|
+
};
|
|
7
|
+
export type BumpChartProps = {
|
|
8
|
+
data: BumpChartSeries[];
|
|
9
|
+
categories: string[];
|
|
10
|
+
label: string;
|
|
11
|
+
width?: number;
|
|
12
|
+
height?: number;
|
|
13
|
+
class?: string;
|
|
14
|
+
};
|
|
15
|
+
export declare const BumpChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
16
|
+
data: {
|
|
17
|
+
type: () => BumpChartSeries[];
|
|
18
|
+
default: () => never[];
|
|
19
|
+
};
|
|
20
|
+
categories: {
|
|
21
|
+
type: () => string[];
|
|
22
|
+
default: () => never[];
|
|
23
|
+
};
|
|
24
|
+
label: {
|
|
25
|
+
type: StringConstructor;
|
|
26
|
+
required: true;
|
|
27
|
+
};
|
|
28
|
+
width: {
|
|
29
|
+
type: NumberConstructor;
|
|
30
|
+
default: number;
|
|
31
|
+
};
|
|
32
|
+
height: {
|
|
33
|
+
type: NumberConstructor;
|
|
34
|
+
default: number;
|
|
35
|
+
};
|
|
36
|
+
class: {
|
|
37
|
+
type: StringConstructor;
|
|
38
|
+
default: undefined;
|
|
39
|
+
};
|
|
40
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
41
|
+
[key: string]: any;
|
|
42
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
43
|
+
data: {
|
|
44
|
+
type: () => BumpChartSeries[];
|
|
45
|
+
default: () => never[];
|
|
46
|
+
};
|
|
47
|
+
categories: {
|
|
48
|
+
type: () => string[];
|
|
49
|
+
default: () => never[];
|
|
50
|
+
};
|
|
51
|
+
label: {
|
|
52
|
+
type: StringConstructor;
|
|
53
|
+
required: true;
|
|
54
|
+
};
|
|
55
|
+
width: {
|
|
56
|
+
type: NumberConstructor;
|
|
57
|
+
default: number;
|
|
58
|
+
};
|
|
59
|
+
height: {
|
|
60
|
+
type: NumberConstructor;
|
|
61
|
+
default: number;
|
|
62
|
+
};
|
|
63
|
+
class: {
|
|
64
|
+
type: StringConstructor;
|
|
65
|
+
default: undefined;
|
|
66
|
+
};
|
|
67
|
+
}>> & Readonly<{}>, {
|
|
68
|
+
class: string;
|
|
69
|
+
data: BumpChartSeries[];
|
|
70
|
+
width: number;
|
|
71
|
+
height: number;
|
|
72
|
+
categories: string[];
|
|
73
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
74
|
+
//# sourceMappingURL=BumpChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BumpChart.d.ts","sourceRoot":"","sources":["../src/BumpChart.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,aAAa,GACrB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,CAAC;IACrC,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAsDF,eAAO,MAAM,SAAS;;cAGK,MAAM,eAAe,EAAE;;;;cACjB,MAAM,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;cADpB,MAAM,eAAe,EAAE;;;;cACjB,MAAM,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;4EAmN7C,CAAC"}
|