Mixed Chart

It is very easy to add the Mixed Chart element to your application. You need to follow the steps below to add the Mixed Chart element.

1. In UI Design view, open the Elements panel on the left side.
2. In the Elements panel, select Mixed Chart from the Chart category.
3. Drag and drop the Mixed Chart element to the screen.
4. You can customize the Mixed Chart element in the Properties panel.

Mixed Chart element supports mobile and web applications.

When the Mixed Chart element is selected, there are Line and Point insertion fields under the Mixed chart category in the Properties panel. According to these Properties, Options, Authorization and Visibility parameters are displayed in two of them. Line represents the chart lines while Point represents the prominent points in the chart.

When Line under Mixed Chart category is selected, Properties panel comes with Options, Color, Label, Dashspacing, DashLength, LineWidth, Authorization, Visibility Properties.

When Point under Mixed Chart category is selected, Properties panel comes with Options, Color, Authorization and Visibility Properties.

You can give role-based authorizations to the element and set its visibility with show/hide/conditional options.

Options

Used to specify general properties. You can connect an action to the chart with the Actions drop-down menu in Options. Also, data matching should be done according to the action added in this field. Data is displayed on the chart with the connected action.

In general, after the action connection is made, the following fields are displayed in the Options Property field:

1. Actions: Property where SQL actions are called in order to display the data desired to be presented in the chart.
2. X Axis Field: X axis is the horizontal axis in the chart. This property allows you to specify the data set to be displayed on the x-axis. It is used to determine how different chart types are positioned on the x-axis, especially in mixed charts. For example, you can use this property to control how a line chart and a bar chart are displayed on the same x-axis.
3. Axis Value Field: Allows you to specify the data set to be displayed on the vertical axis in the chart. It is the Property where the value is specified.

1. Options:
   • Actions : It is the Property where the SQL actions called to display the data to be presented in the graph are called.
   • X axis Value Field : Poperty where line values are entered.
   • Axis Value Field : It is the Property where line values are specified.
2. Color: Determines the color of the line chart. Color is often used to clearly distinguish the line from other elements.
3. Label: Adds a label that represents the line chart. This label is typically used to identify or describe a specific line in the chart.
4. Dash Spacing: Determines the amount of space between dashed lines. It is used to customize the appearance of a line chart using dashed lines.
5. Dash Length: Determines the length of the dashed lines. Can be used to highlight a particular trend or pattern by showing the line chart with a dashed pattern.
6. Line Width: Determines the line thickness of the line chart. It is used to increase or decrease the prominence and emphasis of the line chart.

1. Options:

1.1.Action

It is the Property where the data action is called which data will be displayed from the database in the form of points in the mixed chart.

1.2. X Axis Field

Property where point values are entered.

1.3. Axis Value Field

It is the Property where the description and values are specified in Point.

2. Color:

This Property determines the color of the point in Mixed chart.

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.

Kuika contains system actions such as Arithmetic, Authorization, Condition, Device, Export, GeoLocation, Local Storage, Multi Language, Navigation, Notification, Payment Stripe, 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.

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:

1. Click on the element or screen on the screen to make it selected.
2. Open the Properties panel.
3. 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.