mirror/cherrypick
1
1
Fork 0
mirror of https://github.com/kokonect-link/cherrypick synced 2024-12-04 17:58:43 +09:00
Code

Improve chart

Browse Source
This commit is contained in:
syuilo 2018-08-24 09:39:16 +09:00
parent 69fa2373cb
commit 9c4a7bf94c
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/client/app/desktop/views/pages/admin/admin.chart.chart.ts
View File

@ -32,7 +32,9 @@ export default Vue.extend({
}] }]
}, },
tooltips: { tooltips: {
intersect: false intersect: false,
mode: 'x',
position: 'nearest'
} }
}, this.opts || {})); }, this.opts || {}));
} }

4
src/client/app/desktop/views/pages/admin/admin.chart.vue
View File

@ -102,6 +102,7 @@ export default Vue.extend({
fill: false, fill: false,
borderColor: '#555', borderColor: '#555',
borderWidth: 2, borderWidth: 2,
borderDash: [4, 4],
pointBackgroundColor: '#fff', pointBackgroundColor: '#fff',
lineTension: 0, lineTension: 0,
data: data.map(x => ({ t: x.date, y: x.all })) data: data.map(x => ({ t: x.date, y: x.all }))
@ -228,7 +229,8 @@ export default Vue.extend({
return [{ return [{
datasets: [{ datasets: [{
label: local ? 'Local Drive Files' : 'Remote Drive Files', label: local ? 'Local Drive Files' : 'Remote Drive Files',
fill: false, fill: true,
backgroundColor: 'rgba(246, 88, 79, 0.1)',
borderColor: '#f6584f', borderColor: '#f6584f',
borderWidth: 2, borderWidth: 2,
pointBackgroundColor: '#fff', pointBackgroundColor: '#fff',