Improve chart

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

View file

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

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',