Improve chart
This commit is contained in:
parent
69fa2373cb
commit
9c4a7bf94c
2 changed files with 6 additions and 2 deletions
|
@ -32,7 +32,9 @@ export default Vue.extend({
|
||||||
}]
|
}]
|
||||||
},
|
},
|
||||||
tooltips: {
|
tooltips: {
|
||||||
intersect: false
|
intersect: false,
|
||||||
|
mode: 'x',
|
||||||
|
position: 'nearest'
|
||||||
}
|
}
|
||||||
}, this.opts || {}));
|
}, this.opts || {}));
|
||||||
}
|
}
|
||||||
|
|
|
@ -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',
|
||||||
|
|
Loading…
Reference in a new issue