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

使用柱状图展示数据分布；历史数据中使用圆点标识，提高散点数据的表达性；修改属性中的单位显示；新增一些样式属性

Browse Source
This commit is contained in:
JIANG
2025-12-22 10:36:47 +08:00
parent b0101202a7
commit c7f3ff4e5a
5 changed files with 147 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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