修改默认的节点压力样式
This commit is contained in:
@@ -779,8 +779,8 @@ const SCADADataPanel: React.FC<SCADADataPanelProps> = ({
|
|||||||
ref={draggableRef}
|
ref={draggableRef}
|
||||||
sx={{
|
sx={{
|
||||||
position: "absolute",
|
position: "absolute",
|
||||||
right: "2rem",
|
right: "1rem",
|
||||||
top: "2rem",
|
top: "1rem",
|
||||||
width: "min(920px, calc(100vw - 2rem))",
|
width: "min(920px, calc(100vw - 2rem))",
|
||||||
maxWidth: "100vw",
|
maxWidth: "100vw",
|
||||||
height: "860px",
|
height: "860px",
|
||||||
|
|||||||
@@ -52,17 +52,26 @@ const Toolbar: React.FC<ToolbarProps> = ({
|
|||||||
{
|
{
|
||||||
isActive: false, // 默认不激活,不显示图例
|
isActive: false, // 默认不激活,不显示图例
|
||||||
layerId: "junctions",
|
layerId: "junctions",
|
||||||
layerName: "节点图层",
|
layerName: "节点",
|
||||||
styleConfig: {
|
styleConfig: {
|
||||||
property: "pressure",
|
property: "pressure",
|
||||||
classificationMethod: "custom_breaks",
|
classificationMethod: "custom_breaks",
|
||||||
|
customBreaks: [16, 18, 20, 22, 24, 26],
|
||||||
|
customColors: [
|
||||||
|
"rgba(255, 0, 0, 1)",
|
||||||
|
"rgba(255, 127, 0, 1)",
|
||||||
|
"rgba(255, 215, 0, 1)",
|
||||||
|
"rgba(199, 224, 0, 1)",
|
||||||
|
"rgba(76, 175, 80, 1)",
|
||||||
|
"rgba(0, 158, 115, 1)",
|
||||||
|
],
|
||||||
segments: 6,
|
segments: 6,
|
||||||
minSize: 4,
|
minSize: 4,
|
||||||
maxSize: 12,
|
maxSize: 12,
|
||||||
minStrokeWidth: 2,
|
minStrokeWidth: 2,
|
||||||
maxStrokeWidth: 8,
|
maxStrokeWidth: 8,
|
||||||
fixedStrokeWidth: 3,
|
fixedStrokeWidth: 3,
|
||||||
colorType: "gradient",
|
colorType: "rainbow",
|
||||||
singlePaletteIndex: 0,
|
singlePaletteIndex: 0,
|
||||||
gradientPaletteIndex: 0,
|
gradientPaletteIndex: 0,
|
||||||
rainbowPaletteIndex: 0,
|
rainbowPaletteIndex: 0,
|
||||||
@@ -72,7 +81,7 @@ const Toolbar: React.FC<ToolbarProps> = ({
|
|||||||
},
|
},
|
||||||
legendConfig: {
|
legendConfig: {
|
||||||
layerId: "junctions",
|
layerId: "junctions",
|
||||||
layerName: "节点图层",
|
layerName: "节点",
|
||||||
property: "压力", // 暂时为空,等计算后更新
|
property: "压力", // 暂时为空,等计算后更新
|
||||||
colors: [],
|
colors: [],
|
||||||
type: "point",
|
type: "point",
|
||||||
@@ -83,7 +92,7 @@ const Toolbar: React.FC<ToolbarProps> = ({
|
|||||||
{
|
{
|
||||||
isActive: false, // 默认不激活,不显示图例
|
isActive: false, // 默认不激活,不显示图例
|
||||||
layerId: "pipes",
|
layerId: "pipes",
|
||||||
layerName: "管道图层",
|
layerName: "管道",
|
||||||
styleConfig: {
|
styleConfig: {
|
||||||
property: "flow",
|
property: "flow",
|
||||||
classificationMethod: "pretty_breaks",
|
classificationMethod: "pretty_breaks",
|
||||||
@@ -103,7 +112,7 @@ const Toolbar: React.FC<ToolbarProps> = ({
|
|||||||
},
|
},
|
||||||
legendConfig: {
|
legendConfig: {
|
||||||
layerId: "pipes",
|
layerId: "pipes",
|
||||||
layerName: "管道图层",
|
layerName: "管道",
|
||||||
property: "流量", // 暂时为空,等计算后更新
|
property: "流量", // 暂时为空,等计算后更新
|
||||||
colors: [],
|
colors: [],
|
||||||
type: "linestring",
|
type: "linestring",
|
||||||
|
|||||||
Reference in New Issue
Block a user