Production Dashboard

Link to the app
https://oaa.app.link/launch-app-9c51d04e-7716-42f2-820e-ade89691442e

Excel file for this app
https://www.dropbox.com/s/59gkq3sepk87tjl/First%20Gear%20Cockpit%20Dashboard.xlsx?dl=0

📘

y-axis caption

The definition "yaxiscaption= [in %];" makes it possible to define an individual caption for the axis. You have the same option for the x-axis.

500500

"Production Dashboard" Toggle

App Definitions

backgroundcolor=40494B;paddinghorz=0;topareaheight=30%;paddingvert=0;functionbuttoncolor=#5ab7ff;headeropacity=6;topareaimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/9c51d04e-7716-42f2-820e-ade89691442e/public/topAreaImage.jpeg?v=anyqiAdH;pagecount=1;printsheet=Cockpit;menuentries=print;allowpushtoserver=false

Raw XML Configuration

<?xml version="1.0" encoding="utf-8"?>
<pages
    xmlns="urn:WunderApp">
    <page pageid="1" caption="Allgemein" definitions="sheetname=Cockpit;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;">
        <excelcontent id="1">
            <items>
                <item caption="Month" id="7YY8XmZC" inputtype="input" contenttype="toggle" address="A92">
                    <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#3b90d1;valuetextcolor=#3b90d1;showeditbuttons=true;buttonheight=18%</itemdefinitions>
                </item>
                <item id="4OC4jMSh" caption="Productivity" inputtype="output" contenttype="chart" address="A94:B97">
                    <itemdefinitions>height=240;charttype=column;numberformat=N1;backgroundcolor=#00000000;titletextcolor=#ffffff;yaxiscaption= [in %];xaxiscaption=Comparative values;colorpalette=#3b90d1;valuetextcolor=whit;legendtextcolor=#ffffff</itemdefinitions>
                </item>
                <item id="0I63SvGk" caption="spacer" inputtype="" contenttype="spacer">
                    <itemdefinitions>height=1;backgroundcolor=#ffffff;</itemdefinitions>
                </item>
                <item id="mWckZY2V" caption="Set-up time" inputtype="output" contenttype="chart" address="A102:B104">
                    <itemdefinitions>height=240;charttype=bar;backgroundcolor=#00000000;titletextcolor=#ffffff;xaxiscaption= [in %];colorpalette=#24689b</itemdefinitions>
                </item>
                <item id="mt1KD8gG" caption="spacer" inputtype="" contenttype="spacer">
                    <itemdefinitions>height=1;backgroundcolor=#e1ffff;</itemdefinitions>
                </item>
                <item id="5xpThSu3" caption="Rejects" inputtype="output" contenttype="chart" address="A105:B106">
                    <itemdefinitions>height=240;charttype=bar;backgroundcolor=#00000000;xaxiscaption=in tonnes;titletextcolor=#ffffff;colorpalette=#1b4c72</itemdefinitions>
                </item>
                <item id="jiz4XnKM" caption="spacer" inputtype="" contenttype="spacer">
                    <itemdefinitions>height=1;backgroundcolor=#ffffff;</itemdefinitions>
                </item>
                <item id="QMYn91mw" caption="Personal (in FTE)" inputtype="output" contenttype="chart" address="A109:B110">
                    <itemdefinitions>height=240;charttype=donut;backgroundcolor=#00000000;titletextcolor=#ffffff;colorpalette=#89bce3,#3b90d1;showlegend=true;legendtextcolor=#ffffff</itemdefinitions>
                </item>
                <item id="6a0WH935" caption="spacer" inputtype="" contenttype="spacer">
                    <itemdefinitions>height=1;backgroundcolor=#ffffff;</itemdefinitions>
                </item>
                <item id="pwJ8vLbm" caption="pwJ8vLbm" inputtype="output" contenttype="grouplayout">
                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>
                </item>
                <item id="VjQ3jPfF" caption="Rest holiday (in days)" inputtype="output" contenttype="chart" address="A100:B101">
                    <itemdefinitions>height=240;charttype=donut;backgroundcolor=#00000000;titletextcolor=#ffffff;colorpalette=#b9d7ef,#2975b0;showlegend=true;legendtextcolor=#ffffff;groupname=pwJ8vLbm</itemdefinitions>
                </item>
                <item id="mTpiC9d8" caption="Flexibility (in hours)" inputtype="output" contenttype="chart" address="A98:B99">
                    <itemdefinitions>height=240;charttype=donut;backgroundcolor=#00000000;titletextcolor=#ffffff;colorpalette=#b9d7ef,#2975b0;showlegend=true;legendtextcolor=#ffffff;groupname=pwJ8vLbm</itemdefinitions>
                </item>
                <item id="c4IZemQi" caption="spacer" inputtype="" contenttype="spacer">
                    <itemdefinitions>height=1;backgroundcolor=#ffffff;</itemdefinitions>
                </item>
                <item id="7USrzN5W" caption="Current stock (tonnes)" inputtype="output" contenttype="chart" address="A111:B112">
                    <itemdefinitions>height=240;charttype=bubble;backgroundcolor=#00000000;titletextcolor=#ffffff;colorpalette=#2e83c4;legendtextcolor=#ffffff</itemdefinitions>
                </item>
                <item id="p0cnMtu2" caption="spacer" inputtype="" contenttype="spacer">
                    <itemdefinitions>height=1;backgroundcolor=#ffffff;</itemdefinitions>
                </item>
                <item id="oFE6Xtbb" caption="Machine performance" inputtype="output" contenttype="chart" address="A113:B115">
                    <itemdefinitions>height=240;charttype=bar;backgroundcolor=#00000000;xaxiscaption=in hours;titletextcolor=#ffffff;colorpalette=#24689b</itemdefinitions>
                </item>
            </items>
        </excelcontent>
    </page>
</pages>

Card Definitions

cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/9c51d04e-7716-42f2-820e-ade89691442e/public/cardBackgroundImage.jpeg?v=MJHo0JrE;cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=#09679b;cardbackgroundcolor=transparent;captionheight=50;captionopacity=8