Default chart template

Modified on Mon, 5 Oct at 1:52 PM

The following JSON can be used as a default chart template when configuring Corporate Charts 3.

The chart template should be located in the following path within the client's SDUP:

Code
...files\ProgramData\OfficeExtensions\Content\SkabelonDesign.CorporateCharts3\charts

The chart template below works with the attached color template that can be found in the bottom of this article. This file should be located in the following path:

Code
...files\ProgramData\OfficeExtensions\Content\SkabelonDesign.CorporateCharts3\colors

Copy the json below and paste it into a new .json file in Visual Studio Code. Make sure to save it in the right location.
Afterwards, you can replace the value for each property with the value needed. All of these are described in this article, while Visual Studio Code eases the configuration by showing all available values for each property when you press CTRL+SPACE.

It is always a good idea to only include those parameters that are actually needed and thus omit null properties. In this way, we can keep the configurations clean and simple.

Code
{
    "$schema": "https://releases.blob.core.windows.net/corporatecharts3/schemas/ChartDesignSchema",
    "General": {
        "FontName": "Arial",
        "FontSize": 8,
        "FontSizePp": 10,
        "FontColorRef": "DarkBlue"
    },
    "Gridlines": {
        "MajorHorizontal": false,
        "MajorVertical": true,
        "MinorHorizontal": false,
        "MinorVertical": false,
        "Weight": 0.25,
        "ColorRef": "Grey"
    },
    "Axis": {
        "AxisLines": {
            "PrimaryCategory": {
                "Weight": 0.75,
                "ColorRef": "DarkBlue",
                "Visible": true
            },
            "PrimaryValue": {
                "Weight": 0.75,
                "ColorRef": "DarkBlue",
                "Visible": true
            },
            "SecondaryCategory": { 
                "Visible": false 
            },
            "SecondaryValue": {
                "Visible": false 
            }
        },
        "AxisText": {
            "Rotation": null
        }
    },
    "ChartTitle": {
        "FontName": "Arial",
        "FontSize": 10,
        "FontSizePp": 12,
        "FontBold": true,
        "FontColorRef": "DarkBlue",
        "ChartTitlePosition": "Left"
    },
    "Legend": {
        "Position": 1
    },
    "SeriesDesign" : {
        "SeriesOverlap": -21,
        "GapWidth": 200
    },
    "ChartArea": {
        "FillType": 4,
        "FillColorRef": null,
        "Border": {
            "Type": "None"
        }
    },
    "PlotArea": {
        "FillType": null
    },
    "SkipBlankSeries" : true,
    "DataSeries": [
        {
            "PrimaryColorRef": "Brown"
        },
        {
            "PrimaryColorRef": "Blue"
        },
        {
            "PrimaryColorRef": "Aqua"
        },
        {
            "PrimaryColorRef": "Gold"
        },
        {
            "PrimaryColorRef": "Rose"
        },
        {
            "PrimaryColorRef": "Red"
        }
    ]
}

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article