JSON объект компонента TreeMap

JSON структура представляет собой упорядоченный набор значений. С большинством свойств и настроек компонента TreeMap доступна работа через JSON-объект, например при создании нового компонента.

Далее представлена JSON-структура только что созданной плоской карты:

{

  "@HierarchyDepth": 3,

  "@BranchSpacing": 1,

  "@LeafBorderWidth": 1,

  "@LeafPadding": 0,

  "@LeavesSpacing": 0,

  "@LeavesOverflow": "Hidden",

  "@BranchesOverflow": "Ellipsis",

  "@AreHeadersVisible": true,

  "@LabelAutoColor": true,

  "@MaxFont": "14",

  "@MinFont": "14",

  "@HeatMap": false,

  "@Circular": false,

  "LabelsStyle": {...
    "Style": {
      "Release": {
        "Id": "Style18189"
      }
    }
  },

  "StartHeaderStyle": {...
   "Style": {
      "Release": {
        "Background": {...
          "@Id": "SolidColorBrush18192",
          "@Opacity": 1,
          "@Enabled": true,
          "@PPType": "PP.SolidColorBrush",
          "@Color": "#AAAAAA"
        },
        "Font": {...
          "@Id": "Font18191",
          "@IsItalic": false,
          "@FontFamily": "Arial",
          "@Size": 12,
          "@IsBold": false,
          "@PPType": "Font",
          "@Color": "#000000"
        },
        "@Enabled": true,
        "@Id": "Style18193",
        "@PPType": "Style"
      }
    }
  },

  "EndHeaderStyle": {...
   "Style": {
      "Release": {
        "Background": {...
          "@Id": "SolidColorBrush18192",
          "@Opacity": 1,
          "@Enabled": true,
          "@PPType": "PP.SolidColorBrush",
          "@Color": "#AAAAAA"
        },
        "Font": {...
          "@Id": "Font18191",
          "@IsItalic": false,
          "@FontFamily": "Arial",
          "@Size": 12,
          "@IsBold": false,
          "@PPType": "Font",
          "@Color": "#000000"
        },
        "@Enabled": true,
        "@Id": "Style18196",
        "@PPType": "Style"
      }
    }
  },

  "ItemsTooltipStyle": {...
   "MaskText": {
      "Value": "{%Name}, {%TimelineStep}",
      "IsAuto": true
    },
    "Style": {
      "Release": {
        "Background": {...
          "@Opacity": 0,
          "@PPType": "PP.SolidColorBrush",
          "@Color": "#FFFFFF"
        },
        "Border": {...
          "@RightBottomRadius": 0,
          "@RightTopRadius": 0,
          "@LeftBottomRadius": 0,
          "@LeftTopRadius": 0,
          "@Radius": 0,
          "@RadiusEnabled": true,
          "@Enabled": true,
          "@Bottom": 0,
          "@Right": 0,
          "@Top": 0,
          "@Left": 0,
          "@Width": 0,
          "@Id": "Border18198",
          "@PPType": "Border",
          "Style": "solid"
        },
        "Font": {...
          "@Id": "Font18200",
          "@PPType": "Font",
          "@FontFamily": "Calibri",
          "@Size": 12,
          "@Color": "#000000"
        },
        "@Enabled": true,
        "@Id": "Style18197",
        "@PPType": "Style"
      }
    },
    "@PPType": "CanvasTooltip"
  },

  "@MinAreaToShowTooltip": 0,  // Минимальный размер элемента для которого будут отображаться всплывающие подсказки

  "BranchItemsTooltipStyle": {...
   "MaskText": {
      "Value": "{%Name}, {%TimelineStep}\nКоличество детей: {%ChildsCount}",
      "IsAuto": true
    },
    "@TextWrapping": "Wrap",
    "Style": {
      "Release": {
        "Background": {...
          "@Opacity": 0,
          "@PPType": "PP.SolidColorBrush",
          "@Color": "#FFFFFF"
        },
        "Border": {...
          "@RightBottomRadius": 0,
          "@RightTopRadius": 0,
          "@LeftBottomRadius": 0,
          "@LeftTopRadius": 0,
          "@Radius": 0,
          "@RadiusEnabled": true,
          "@Enabled": true,
          "@Bottom": 0,
          "@Right": 0,
          "@Top": 0,
          "@Left": 0,
          "@Width": 0,
          "@Id": "Border18205",
          "@PPType": "Border",
          "Style": "solid"
        },
        "Font": {...
          "@Id": "Font18207",
          "@PPType": "Font",
          "@FontFamily": "Calibri",
          "@Size": 12,
          "@Color": "#000000"
        },
        "@Enabled": true,
        "@Id": "Style18204",
        "@PPType": "Style"
      }
    },
    "@PPType": "CanvasTooltip"
  }, // Определяет стиль всплывающих подсказок ветвей плоского дерева

  "@SizeBasedOnChildren": true,

  "@ShowBranches": true,  // Использовать вложенность элементов

  "DataSources": {},

  "Scales": {},

  "Transformers": {},  // Настройки преобразований для данных

  "Legends": {},

  "@AnimationDuration": 1000,

  "@EnableBatchData": false,

  "AreaSelection": {...
   "@IsRTL": false,
    "Anchors": [
      "Top",
      "Left"
    ],
    "@Id": "AreaSelection18182",
    "@Width": 0,
    "@Height": 0,
    "@Type": "Simple",
    "@Enabled": true,
    "@Class": "Released",
    "@IsVisible": false,
    "@PPType": "AreaSelection"
  },

  "@UseLegendsPacking": false,

  "@LegendsPackingMaxPart": 0.5,

  "@TabIndex": 0,

  "@IsRTL": false,

  "Anchors": [...
   "Top",
    "Left"
  ],

  "@Id": "TreeMap18188",

  "HoverInactiveEffects": [...
   {
      "@Id": "OpacityEffect18159",
      "@Opacity": 0.5,
      "@PPType": "OpacityEffect"
    }
  ],

  "SelectInactiveEffects": [...
   {
      "@Id": "OpacityEffect18160",
      "@Opacity": 0.25,
      "@PPType": "OpacityEffect"
    }
  ],

  "MappingInactiveEffects": [...
   {
      "@Id": "OpacityEffect18161",
      "@Opacity": 0.25,
      "@PPType": "OpacityEffect"
    }
  ],  // Настройки эффектов для неактивных элементов

  "@AreaSelectionAction": "ItemsSelection",  // Действие при выделении области мышкой

  "SettingsProvider": {...
   "@Id": "TreeDefaultSettingsProvider18187",
    "@PPType": "TreeDefaultSettingsProvider"
  },  // Поставщик настроек отображения

  "@Width": 0,

  "@Height": 0,

  "@Enabled": true,

  "@Class": "Released",

  "@PPType": "TreeMap",  // Тип объекта

  "@Padding": "0 0 0 0",  // Отступы внутри компонента

  "LegendMapping": {}

}

См. также:

TreeMap