- What's New
- Service Overview
- Billing
- Getting Started
-
User Guide
- Using Huawei Cloud Astro Canvas
- Purchasing Instances
- Creating a Workspace
- Creating a Project
- Creating a Page
- Publishing and Installing a Project
- Managing Projects
-
Managing Pages
- Copying a Page
- Publishing a Page
- Modifying Page Settings
- Deleting a Page
- Moving a Page
- Publishing a Page as the Homepage
- Downloading a Page
- Publishing a Page as a Template
- Managing Page Versions
- Setting a Page
- Setting a Share Code
- Configuring Token Authentication
- Configuring Content Security Policies
- Rolling Back the Version
- Verifying the Token Signature on the Sharing Page
- Managing Layers
-
Widgets
- Getting Started with Widgets
-
Charts
- Circle Pie Chart
- Swiper Pie Chart
- Full Moon Pie Chart
- Basic Pie Chart
- Snake Pie Chart
- Rose Pie Chart
- Fade Color Pie Chart
- Line Chart
- Multi Line Chart
- Area Line Chart
- Area Multi Line Chart
- Liquid Fill Chart
- Arrow Liquid Fill Chart
- Water Drop Liquid Fill Chart
- Diamond Liquid Fill Chart
- Triangle Liquid Fill Chart
- Round Rectangle Liquid Fill Chart
- Rectangle Liquid Fill Chart
- Progress Bar Chart
- Progress Bar
- Heat Map
- Funnel Chart
- Two-Way Bar Chart
- Line Bar Chart
- Horizontal Bar Chart
- Horizontal Multi Bar Chart
- Data Marker Bar Chart
- Waterfall Bar Chart
- Bar Chart
- Scatter Chart
- Bubble chart
- Radar Chart
- Media
- Sting
- Maps
- Decoration
- Dashboard
- Others
- Menu
- ECharts
- 3D Scene Editor
-
Widget Management
- Adding a Widget
- Dragging a Widget
- Aligning Widgets
- Locking or Unlocking a Widget
- Hiding a Widget
- Renaming a Widget
- Saving a Widget as a Card
- Copying and Pasting a Widget
- Copying a Widget to Other Pages
- Deleting a Widget
- Creating a Group
- Description of Custom Widgets
- Customizing Event Interactions for ECharts Widgets
- Customizing Interactive Actions for ECharts Widgets
- Using the Background Pagination Function of Advanced Tables
- Using the Background Sorting Function of Advanced Tables
- Using the Background Filtering Function of Advanced Tables
- Interaction Configuration
- Data Access
-
Data Center
- Converter Management
- Connector Management
- Data Source Management
-
Dataset Management
- (Optional) Creating a Folder
- Static Data Datasets
- Relational Database Datasets
- ROMA Connector Datasets
- Huawei Cloud Astro Zero API Datasets
- Huawei Cloud Astro Zero Datasets
- DLI Datasets
- DWS Datasets
- HTTP Connector Datasets
- Prometheus Datasets
- Copying a Dataset
- Copying a Dataset to Another Workspace
- Sharing a Dataset
- Deleting a Dataset
- Asset Management
- Admin Console
- Global Variables
- Custom Widget Development Specifications
- Private Deployment
- Best Practices
- General Reference
Copied.
radio
Configuration Item Description
Parameter |
Type |
Mandatory |
Example |
Description |
---|---|---|---|---|
type |
String |
Yes |
type: "radio" |
Configuration item type. |
value |
String |
No |
value: "defaultValue" |
Default value. |
name |
String |
Yes |
name: "commProps.myString" |
The value of this field is bidirectionally bound to the value of commProps.myString in advanceEditvm. |
label |
Object |
No |
label: {"zh_CN": "Chinese label", "en_US": "En label"} |
Label of a configuration item, which needs to be internationalized. |
tip |
Object |
No |
tip: {zh_CN: "Chinese tip," en_US: "English tip"} |
Tip icon. When a configuration item is complex, you can add some tip content. |
noToolTip |
Boolean |
No |
noToolTip: false |
Whether the tag has el-tooltip. The default value is false. |
disabled |
Function | Boolean |
No |
disabled: true or (data, field, vm) => boolean |
Whether to disable the function. You can customize the function to determine whether to disable the function based on the values of other options. If true is returned, the function is disabled. |
showFunc |
Function |
No |
showFunc: function(vm) { return vm.commProps.showTitle; } |
Whether to display the configuration item. You can customize the function to determine whether to display the configuration item based on the values of other options. If true is returned, the function definition is displayed. |
options |
Object |
Yes |
options: ["label": {"zh_CN": "Enable","en_US": "Enable"},"value": true},{"label": {"zh_CN": "Disable","en_US": "Disable"},"value": false}] |
Options. |
sourceKey |
String |
No |
sourceKey: "value" |
Key corresponding to the value in the option. The default value is value. |
sourceLabel |
String |
No |
sourceLable: "label" |
Key of the label in the option. The default value is label. |
showHint |
Boolean |
No |
showHint: false |
Whether to display the tip icon. |
Event
Event Name |
Method In Configuration Item |
Description |
Callback Parameter |
---|---|---|---|
change |
change |
Triggered when the value changes. |
(value, data, field) |
Configuration Example
The following is an example of the radio configuration. The configuration effect is shown in Figure 1.
{ type: 'radio', name: 'commProps.myRadio', value: 'radio type', label: { zh_CN: 'radio type', en_US: 'radio Type Example' }, sourceLabel: 'label', sourceKey: 'value', options: [{ value: 'happy', label: { zh_CN: 'primary', en_US: 'primary' } }, { value: 'sad', label: { zh_CN: 'dashed', en_US: 'dashed' } } ] }
Feedback
Was this page helpful?
Provide feedbackThank you very much for your feedback. We will continue working to improve the documentation.See the reply and handling status in My Cloud VOC.
For any further questions, feel free to contact us through the chatbot.
Chatbot