Achsenbeschriftungen und grid Heatmap

main
Giò Diani 2025-01-17 13:22:05 +01:00
parent 639533dda0
commit 142046b1c6
2 changed files with 72 additions and 14 deletions

View File

@ -116,8 +116,8 @@ const cHeatmapOptions = {
borderColor: '#aaa', borderColor: '#aaa',
top: 30, top: 30,
right: 45, right: 45,
bottom: 50, bottom: 70,
left: 5 left: 30
}, },
dataZoom: [{ dataZoom: [{
type: 'slider' type: 'slider'
@ -128,23 +128,52 @@ const cHeatmapOptions = {
yAxisIndex: 0, yAxisIndex: 0,
}], }],
xAxis: { xAxis: {
show: false, show: true,
name: 'Kurzzeitmietobjekt', name: 'Zeitpunkt Scraping',
type: 'category', type: 'category',
data: extractionDates, data: extractionDates,
splitArea: { splitArea: {
show: false show: false
}, },
splitArea: {
show: false
},
axisLabel: { axisLabel: {
show: true, show: false,
},
axisTick: {
show: false,
},
axisLine: {
show: false,
},
nameLocation: 'center',
nameGap: 10,
nameTextStyle: {
fontWeight: 'bold',
} }
}, },
yAxis: { yAxis: {
show: false, show: true,
type: 'category', type: 'category',
data: {!! json_encode($regionPropertiesCapacities['property_ids']) !!}, data: {!! json_encode($regionPropertiesCapacities['property_ids']) !!},
splitArea: { splitArea: {
show: true show: false
},
axisTick: {
show: false,
},
axisLine: {
show: false,
},
axisLabel: {
show: false,
},
name: 'Mietobjekte',
nameLocation: 'center',
nameGap: 10,
nameTextStyle: {
fontWeight: 'bold',
} }
}, },
visualMap: { visualMap: {

View File

@ -353,8 +353,8 @@ const cHeatmapOptions = {
borderColor: '#aaa', borderColor: '#aaa',
top: 30, top: 30,
right: 45, right: 45,
bottom: 50, bottom: 70,
left: 5 left: 30
}, },
dataZoom: [{ dataZoom: [{
type: 'slider' type: 'slider'
@ -365,23 +365,52 @@ const cHeatmapOptions = {
yAxisIndex: 0, yAxisIndex: 0,
}], }],
xAxis: { xAxis: {
show: false, show: true,
name: 'Kurzzeitmietobjekt', name: 'Zeitpunkt Scraping',
type: 'category', type: 'category',
data: {!! json_encode($regionPropertiesCapacities['scrapeDates']) !!}, data: {!! json_encode($regionPropertiesCapacities['scrapeDates']) !!},
splitArea: { splitArea: {
show: false show: false
}, },
splitArea: {
show: false
},
axisLabel: { axisLabel: {
show: true, show: false,
},
axisTick: {
show: false,
},
axisLine: {
show: false,
},
nameLocation: 'center',
nameGap: 10,
nameTextStyle: {
fontWeight: 'bold',
} }
}, },
yAxis: { yAxis: {
show: false, show: true,
type: 'category', type: 'category',
data: {!! json_encode($regionPropertiesCapacities['property_ids']) !!}, data: {!! json_encode($regionPropertiesCapacities['property_ids']) !!},
splitArea: { splitArea: {
show: true show: false
},
axisTick: {
show: false,
},
axisLine: {
show: false,
},
axisLabel: {
show: false,
},
name: 'Mietobjekte',
nameLocation: 'center',
nameGap: 10,
nameTextStyle: {
fontWeight: 'bold',
} }
}, },
visualMap: { visualMap: {