legend: {
display: false,
},
responsive: true,
maintainAspectRatio: false,
tooltips: {
callbacks: {
title: function (tooltipItems) {
return tooltipItems[0].yLabel;
},
},
},
scales: {
xAxes: [
{
offsetGridLines: true,
position: 'bottom',
ticks: {
beginAtZero: true,
stepSize: 1,
fontColor: 'rgba(0, 0, 0, 0)',
},
gridLines: {
color: 'rgba(0, 0, 0, 0)',
display: false,
drawBorder: false,
},
},
],
yAxes: [
{
offsetGridLines: true,
id: 'left',
position: 'left',
ticks: {
beginAtZero: true,
mirror: true,
fontColor: 'rgba(0, 0, 0, 0)',
max: 132000,
},
gridLines: {
axisColor: 'rgba(0, 0, 0, 0)',
drawBorder: false,
display: false,
},
},
{
display: false,
id: 'right-second',
position: 'right',
ticks: {
beginAtZero: true,
mirror: true,
fontColor: 'rgba(0, 0, 0, 0)',
},
gridLines: {
axisColor: 'rgba(0, 0, 0, 0)',
drawBorder: false,
display: false,
},
},
]
}
}
labels: this.dataset,
datasets: [
{
label: "TEST,
backgroundColor: 'rgba(85,203,242,0)',
borderColor: this.$store.state.hoverColors["TEST"],
yAxisID: 'right-second',
data: this.dataset,
pointRadius: 4,
borderWidth: 2,
hidden: !this.$store.state.budget.labelsActive["TEST"]
})),
],