You can add the Donut Chart element from the Elements panel by drag and drop. If you drag it to an empty space on the screen, it will be added with the Row element. If you drag it into a Column, you will only add the Donut Chart element.
Donut Chart supports web and mobile applications.
Donut Chart Element Properties
You can add text inside the Donut Chart element. You can give role-based authorizations to the element and set its visibility with show/hide/conditional options.
Datasource : Open the Datasource section in the Properties panel. Select Action from here. After selecting Action, you should select which value you want to show from the Data Label For Field section under DataSource.
Legend : Open the Legend section in the Properties panel. Select which data slice you want to close when you click on the data coming from the Data Label For Field under DataSource.
Left Axis : Open the Left Axis section in the Properties panel. It is the area where the values shown on the left (Y axis) are shown/hidden.
Right Axis : Open the Right Axis section in the Properties panel. This is the area where the values below (X axis) are shown/hidden.
Begin At Zero : Open the Begin At Zero section in the Properties panel. It allows you to show the smallest data value from the DataSource section as the smallest value in the Chart.
Show Data Labels: Open the Show Data Labels section in the Properties panel. When you activate the Switch, the Show Data Labels property allows you to specify whether to show labels (for example, the name of the slice or the data value it represents) for each slice on the chart.
Authorization
You can customize user access with “Anonymous Access” and “All Roles Access” authorization options on the screens and elements of your application. While “Anonymous Access” enables access without any account information query, “All Roles Access” enables access by verifying user account information.
For element level authorization, you can manage the security and user experience of your application by selecting the relevant element and editing the “Authorization” settings from the Properties panel.
These methods allow you to create a personalized and secure environment in your app.
Visibility
This is where the visibility of screens or elements is set. Visibility in Elements allows you to regulate visibility based on a specific state and/or condition. For each element, you can make it always visible, hidden, or visible and hidden depending on a condition.
This is the section where the visibility structure of your screen is set. Kuika offers Always Visible, Hidden, Sometimes Visible options to control the visibility of the screens in your application.
Always Visible: Ensures that screens in your app are always visible.
Visible: Makes the screens in your app visible.
Hidden: Allows hiding screens in your app.
Sometimes Visible: Makes screens in your app conditionally visible.
Visibility Operations on Elements or Screens
You can follow the steps below to adjust Visibility settings in elements or on your screen:
Click on the element or screen on the screen to make it selected.
Open the Properties panel.
Click on the Visibility field and make one of the following selections according to the needs of your application.
You can make it always visible with Always visible in the Selectbox.
With Hidden you can hide the element.
Sometimes visible allows you to make it visible according to the conditions you add.
The visibility of the element will be adjusted according to the selection you have made.
Actions
Kuika contains system actions such as Arithmetic, Authorization, Condition, Device, Export, GeoLocation, LocalStorage, MultiLanguage, Navigation, Notification, PaymentStripe, UI Control, Trigger, Process Automation, Process Administration and String Operations.
In addition to system actions, you can also use SQL actions that you create yourself.
You can use the +Add Action button in the Properties panel to add actions to the elements.
