OrgTJWater/TJWaterFrontend_Refine
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新增connectNulls属性，即使存在空值情况下也连接折线

Browse Source
This commit is contained in:
JIANG
2025-12-22 16:34:17 +08:00
parent 716ff28898
commit 37e8e65791
2 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/OlMap/Controls/HistoryDataPanel.tsx
View File

@@ -608,6 +608,7 @@ const SCADADataPanel: React.FC<SCADADataPanelProps> = ({
type: "line",
symbol: "none",
sampling: "lttb",
connectNulls: true,
itemStyle: {
color: colors[(index * 4 + sIndex) % colors.length],
},
@@ -635,6 +636,7 @@ const SCADADataPanel: React.FC<SCADADataPanelProps> = ({
type: "line",
symbol: "none",
sampling: "lttb",
connectNulls: true,
itemStyle: { color: colors[index % colors.length] },
data: dataset.map((item) => item[id]),
areaStyle: {

24
src/components/olmap/SCADADataPanel.tsx
View File

@@ -718,8 +718,8 @@ const SCADADataPanel: React.FC<SCADADataPanelProps> = ({
{
name: `${id} (原始)`,
type: "line",
showSymbol: true,
symbolSize: 4,
symbol: "none",
connectNulls: true,
sampling: "lttb",
itemStyle: { color: colors[index % colors.length] },
data: dataset.map((item) => item[`${id}_raw`]),
@@ -727,8 +727,8 @@ const SCADADataPanel: React.FC<SCADADataPanelProps> = ({
{
name: `${id} (清洗)`,
type: "line",
showSymbol: true,
symbolSize: 4,
symbol: "none",
connectNulls: true,
sampling: "lttb",
itemStyle: { color: colors[(index + 3) % colors.length] },
data: dataset.map((item) => item[`${id}_clean`]),
@@ -736,8 +736,8 @@ const SCADADataPanel: React.FC<SCADADataPanelProps> = ({
{
name: `${id} (模拟)`,
type: "line",
showSymbol: true,
symbolSize: 4,
symbol: "none",
connectNulls: true,
sampling: "lttb",
itemStyle: { color: colors[(index + 6) % colors.length] },
data: dataset.map((item) => item[`${id}_sim`]),
@@ -747,8 +747,8 @@ const SCADADataPanel: React.FC<SCADADataPanelProps> = ({
return deviceIds.map((id, index) => ({
name: id,
type: "line",
showSymbol: true,
symbolSize: 4,
symbol: "none",
connectNulls: true,
sampling: "lttb",
itemStyle: { color: colors[index % colors.length] },
data: dataset.map((item) => item[`${id}_${selectedSource}`]),
@@ -772,8 +772,8 @@ const SCADADataPanel: React.FC<SCADADataPanelProps> = ({
: "模拟"
})`,
type: "line",
showSymbol: true,
symbolSize: 4,
symbol: "none",
connectNulls: true,
sampling: "lttb",
itemStyle: {
color: colors[(index * 3 + sIndex) % colors.length],
@@ -800,8 +800,8 @@ const SCADADataPanel: React.FC<SCADADataPanelProps> = ({
series.push({
name: id,
type: "line",
showSymbol: true,
symbolSize: 4,
symbol: "none",
connectNulls: true,
sampling: "lttb",
itemStyle: { color: colors[index % colors.length] },
data: dataset.map((item) => item[id]),