diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2022-02-09 03:46:58 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2022-02-09 03:46:58 +0900 |
| commit | 7fcd9435f32f051e5068c21933f4209e214e0281 (patch) | |
| tree | efed4ca270099a86d9d91b6146fca8e96abde434 /packages/client/src/components/chart.vue | |
| parent | fix(client): 環境に依っては返信する際のカーソル位置が正... (diff) | |
| download | misskey-7fcd9435f32f051e5068c21933f4209e214e0281.tar.gz misskey-7fcd9435f32f051e5068c21933f4209e214e0281.tar.bz2 misskey-7fcd9435f32f051e5068c21933f4209e214e0281.zip | |
feat: introduce intersection calculation of charts
Diffstat (limited to 'packages/client/src/components/chart.vue')
| -rw-r--r-- | packages/client/src/components/chart.vue | 16 |
1 files changed, 11 insertions, 5 deletions
diff --git a/packages/client/src/components/chart.vue b/packages/client/src/components/chart.vue index f297db7e13..1384789f8d 100644 --- a/packages/client/src/components/chart.vue +++ b/packages/client/src/components/chart.vue @@ -69,6 +69,7 @@ const colors = { yellow: '#FEB019', red: '#FF4560', purple: '#e300db', + orange: '#fe6919', }; const colorSets = [colors.blue, colors.green, colors.yellow, colors.red, colors.purple]; const getColor = (i) => { @@ -518,16 +519,21 @@ export default defineComponent({ const raw = await os.api('charts/active-users', { limit: props.limit, span: props.span }); return { series: [{ - name: 'Active', + name: 'Read & Write', type: 'area', - data: format(raw.users), - color: '#888888', + data: format(raw.readWrite), + color: colors.orange, }, { - name: 'Noted', + name: 'Write', type: 'area', - data: format(raw.notedUsers), + data: format(raw.write), color: colors.blue, }, { + name: 'Read', + type: 'area', + data: format(raw.read), + color: '#888888', + }, { name: '< Week', type: 'area', data: format(raw.registeredWithinWeek), |