{
  "name": "KpiChartNumberComparisonPro",
  "label": "Kpi Chart - Number Comparison",
  "description": "KPI with a delta versus a comparison period. Takes one measure and pairs with a comparison-period variable.",
  "category": "Kpi Charts",
  "defaultHeight": 442,
  "defaultWidth": 630,
  "inputs": [
    {
      "name": "dataset",
      "type": "dataset",
      "label": "Dataset",
      "required": true,
      "category": "Component Data"
    },
    {
      "name": "measure",
      "type": "measure",
      "label": "Measure",
      "config": {
        "dataset": "dataset"
      },
      "required": true,
      "category": "Component Data",
      "inputs": [
        {
          "name": "prefix",
          "type": "string",
          "label": "Prefix"
        },
        {
          "name": "suffix",
          "type": "string",
          "label": "Suffix"
        },
        {
          "name": "displayName",
          "type": "string",
          "label": "Display name"
        },
        {
          "name": "maxCharacters",
          "type": "number",
          "label": "Maximum characters",
          "supportedTypes": [
            "string"
          ]
        },
        {
          "name": "decimalPlaces",
          "type": "number",
          "label": "Decimal places",
          "supportedTypes": [
            "number"
          ]
        },
        {
          "name": "currency",
          "type": "string",
          "label": "Currency",
          "description": "e.g. EUR",
          "supportedTypes": [
            "number"
          ]
        },
        {
          "name": "abbreviateLargeNumber",
          "type": "boolean",
          "label": "Abbreviate large number",
          "supportedTypes": [
            "number"
          ]
        }
      ]
    },
    {
      "name": "timeProperty",
      "type": "dimension",
      "label": "Time property",
      "config": {
        "dataset": "dataset",
        "supportedTypes": [
          "time"
        ],
        "hideGranularity": true
      },
      "required": true,
      "category": "Component Data"
    },
    {
      "name": "primaryDateRange",
      "type": "timeRange",
      "label": "Primary date-range",
      "description": "The comparison period is derived internally using this date range — do not also apply a date filter on the underlying dataset",
      "category": "Component Data"
    },
    {
      "name": "comparisonPeriod",
      "type": "comparisonPeriod",
      "label": "Comparison period",
      "category": "Component Data",
      "description": "You can also connect this to a comparison period selector using its variable"
    },
    {
      "name": "title",
      "type": "string",
      "label": "Title",
      "category": "Component Header"
    },
    {
      "name": "description",
      "type": "string",
      "label": "Description",
      "category": "Component Header"
    },
    {
      "name": "tooltip",
      "type": "string",
      "label": "Tooltip",
      "category": "Component Header"
    },
    {
      "name": "displayNullAs",
      "type": "string",
      "label": "Display null as",
      "category": "Component Settings"
    },
    {
      "name": "displayChangeAsPercentage",
      "type": "boolean",
      "label": "Display change as %",
      "defaultValue": false,
      "category": "Component Settings"
    },
    {
      "name": "percentageDecimalPlaces",
      "type": "number",
      "label": "Percentage decimal places",
      "defaultValue": 1,
      "category": "Component Settings"
    },
    {
      "name": "reversePositiveNegativeColors",
      "type": "boolean",
      "label": "Reverse positive/negative colors",
      "defaultValue": false,
      "category": "Component Settings"
    },
    {
      "type": "number",
      "name": "fontSize",
      "label": "Font size",
      "category": "Component Settings"
    },
    {
      "type": "number",
      "name": "changeFontSize",
      "label": "Trend font-size",
      "category": "Component Settings"
    },
    {
      "name": "menuOptions",
      "type": "exportOption",
      "label": "Menu options",
      "array": true,
      "defaultValue": [
        "csv",
        "xlsx",
        "png"
      ],
      "category": "Component Settings"
    }
  ]
}