SWREI/switched
0
0
Fork 0
Code

🎨

Browse Source
This commit is contained in:
syuilo 2022-03-12 14:54:08 +09:00
parent c76d14b881
commit fb355abbcf
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/client/src/components/chart.vue
View File

@ -71,7 +71,7 @@ const colors = {
purple: '#e300db', purple: '#e300db',
orange: '#fe6919', orange: '#fe6919',
lime: '#bde800', lime: '#bde800',
cyan: '#00efef', cyan: '#00e0e0',
}; };
const colorSets = [colors.blue, colors.green, colors.yellow, colors.red, colors.purple]; const colorSets = [colors.blue, colors.green, colors.yellow, colors.red, colors.purple];
const getColor = (i) => { const getColor = (i) => {
@ -127,7 +127,7 @@ export default defineComponent({
name: string; name: string;
type: 'line' | 'area'; type: 'line' | 'area';
color?: string; color?: string;
borderDash?: number[]; dashed?: boolean;
hidden?: boolean; hidden?: boolean;
data: { data: {
x: number; x: number;
@ -217,7 +217,7 @@ export default defineComponent({
pointRadius: 0, pointRadius: 0,
borderWidth: props.bar ? 0 : 2, borderWidth: props.bar ? 0 : 2,
borderColor: x.color ? x.color : getColor(i), borderColor: x.color ? x.color : getColor(i),
borderDash: x.borderDash || [], borderDash: x.dashed ? [5, 5] : [],
borderJoinStyle: 'round', borderJoinStyle: 'round',
borderRadius: props.bar ? 3 : undefined, borderRadius: props.bar ? 3 : undefined,
backgroundColor: props.bar ? (x.color ? x.color : getColor(i)) : alpha(x.color ? x.color : getColor(i), 0.1), backgroundColor: props.bar ? (x.color ? x.color : getColor(i)) : alpha(x.color ? x.color : getColor(i), 0.1),
@ -226,7 +226,7 @@ export default defineComponent({
axis: 'y', axis: 'y',
colors: { colors: {
0: alpha(x.color ? x.color : getColor(i), 0), 0: alpha(x.color ? x.color : getColor(i), 0),
[maxes[i]]: alpha(x.color ? x.color : getColor(i), 0.175), [maxes[i]]: alpha(x.color ? x.color : getColor(i), 0.2),
}, },
}, },
}, },
@ -403,16 +403,19 @@ export default defineComponent({
name: 'Pub & Sub', name: 'Pub & Sub',
type: 'line', type: 'line',
data: format(raw.pubsub), data: format(raw.pubsub),
dashed: true,
color: colors.cyan, color: colors.cyan,
}, { }, {
name: 'Pub', name: 'Pub',
type: 'line', type: 'line',
data: format(raw.pub), data: format(raw.pub),
dashed: true,
color: colors.purple, color: colors.purple,
}, { }, {
name: 'Sub', name: 'Sub',
type: 'line', type: 'line',
data: format(raw.sub), data: format(raw.sub),
dashed: true,
color: colors.orange, color: colors.orange,
}], }],
}; };
@ -593,7 +596,7 @@ export default defineComponent({
series: [{ series: [{
name: 'All', name: 'All',
type: 'line', type: 'line',
borderDash: [5, 5], dashed: true,
data: format( data: format(
sum( sum(
raw.local.incSize, raw.local.incSize,
@ -628,7 +631,7 @@ export default defineComponent({
series: [{ series: [{
name: 'All', name: 'All',
type: 'line', type: 'line',
borderDash: [5, 5], dashed: true,
data: format( data: format(
sum( sum(
raw.local.incCount, raw.local.incCount,