rainysy/SubConverter-Extended
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(dashboard): make China inset hoverable

Browse Source
This commit is contained in:
Aethersailor
2026-06-02 01:11:51 +08:00
parent a827a26733
commit 00cedaad11
1 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/handler/dashboard_page.cpp
View File

@@ -1502,9 +1502,16 @@ std::string page(Request &, Response &response) {
var projection = d3.geoMercator().fitSize( var projection = d3.geoMercator().fitSize(
[insetWidth - pad * 2, insetHeight - pad * 2], collection); [insetWidth - pad * 2, insetHeight - pad * 2], collection);
var path = d3.geoPath(projection); var path = d3.geoPath(projection);
function showInsetTooltip(event) {
showTooltip(event, '<div class="tooltip-title"><span class="country-icon">' + neutralRegionIcon() + '</span>' + text("South China Sea Islands", "南海诸岛") + '</div>' +
'<div class="tooltip-row"><span>' + text("Range", "范围") + '</span><strong>' + label(config) + '</strong></div>' +
'<div class="tooltip-row"><span>' + text("Metric", "指标") + '</span><strong>' + text(metricEn, metricZh) + '</strong></div>');
}
var group = svg.append("g") var group = svg.append("g")
.attr("class", "china-south-sea-inset") .attr("class", "china-south-sea-inset")
.attr("transform", "translate(" + insetX + "," + insetY + ")"); .attr("transform", "translate(" + insetX + "," + insetY + ")")
.on("mousemove", showInsetTooltip)
.on("mouseleave", hideTooltip);
group.append("rect") group.append("rect")
.attr("class", "china-inset-frame") .attr("class", "china-inset-frame")
.attr("width", insetWidth) .attr("width", insetWidth)
@@ -1517,13 +1524,7 @@ std::string page(Request &, Response &response) {
.append("path") .append("path")
.attr("class", "china-region china-south-sea") .attr("class", "china-region china-south-sea")
.attr("d", path) .attr("d", path)
.style("--country-fill", colors.empty) .style("--country-fill", colors.empty);
.on("mousemove", function (event) {
showTooltip(event, '<div class="tooltip-title"><span class="country-icon">' + neutralRegionIcon() + '</span>' + text("South China Sea Islands", "南海诸岛") + '</div>' +
'<div class="tooltip-row"><span>' + text("Range", "范围") + '</span><strong>' + label(config) + '</strong></div>' +
'<div class="tooltip-row"><span>' + text("Metric", "指标") + '</span><strong>' + text(metricEn, metricZh) + '</strong></div>');
})
.on("mouseleave", hideTooltip);
} }
function renderChinaMap(selector, regions, field, metricEn, metricZh, config) { function renderChinaMap(selector, regions, field, metricEn, metricZh, config) {
if (!window.d3) return; if (!window.d3) return;