

Configuration

General Chart Config

Change using the admin page in web client.

Example of default config (Should match base solution)

{
    "enabled": false,
    "visibleForGroups": [
    ],
    "shortDates": false,
    "chartConfig": {
        "sales_report_pipe": {
            "weightedValue": {
                "en_us": "Weighted value",
                "sv": "Viktat värde"
            },
            "weightedValueColor": "#67CAC4",
            "totalValueColor": "#FFCF88",
            "totalValue": {
                "en_us": "Total value",
                "sv": "Totalt värde"
            },
            "noofDecimals": 2,
            "divider": 1000,
            "suffix": " kSEK",
            "monthsForward": 6,
            "monthsBack": 1,
            "title": {
                "en_us": "Pipe",
                "sv": "Pipe"
            }
        },
        "sales_report_won": {
            "totalValue": {
                "en_us": "Total value",
                "sv": "Totalt värde"
            },
            "totalValueColor": "#3DB754",
            "noofDecimals": 2,
            "divider": 1000,
            "suffix": " kSEK",
            "monthsForward": 0,
            "monthsBack": 7,
            "title": {
                "en_us": "Won deals",
                "sv": "Vunna affärer"
            }
        }
    },
    "deal": {
        "limetype": "deal",
        "propertyStatus": "dealstatus",
        "optionsKeysStatusWon": [
            "agreement"
        ],
        "propertyCoworker": "coworker",
        "propertyExpectedOrder": "expecteddate",
        "propertyValue": "value",
        "propertyWeightedValue": "weightedvalue",
        "propertyClosedDate": "closeddate"
    }
}

Dashboard Config

If you have a separate dashboard config here's an example on how it could look. First you'll need to configure the dashboard See here how.

{
  "components": [
    {
      "name": "lwc-limepkg-sales-report-addon",
      "id": "chart"
    }
  ],
  "layouts": [
    {
      "size": "desktop",
      "css": "\"chart chart chart chart chart chart chart chart chart chart chart chart\""
    },
    {
      "size": "tablet",
      "css": "\"chart chart chart chart chart chart chart chart\""
    },
    {
      "size": "phone",
      "css": "\"chart chart chart chart\""
    }
  ]
}