d88022939e
* fix: added loading state for chart widget * test: added cypress tests * refactor: moved the loading logic from widget to component
104 lines
5.1 KiB
JSON
104 lines
5.1 KiB
JSON
{
|
|
"dsl": {
|
|
"widgetName": "MainContainer",
|
|
"backgroundColor": "none",
|
|
"rightColumn": 1864,
|
|
"snapColumns": 64,
|
|
"detachFromLayout": true,
|
|
"widgetId": "0",
|
|
"topRow": 0,
|
|
"bottomRow": 1160,
|
|
"containerStyle": "none",
|
|
"snapRows": 125,
|
|
"parentRowSpace": 1,
|
|
"type": "CANVAS_WIDGET",
|
|
"canExtend": true,
|
|
"version": 49,
|
|
"minHeight": 650,
|
|
"parentColumnSpace": 1,
|
|
"dynamicBindingPathList": [],
|
|
"leftColumn": 0,
|
|
"children": [
|
|
{
|
|
"setAdaptiveYMin": false,
|
|
"widgetName": "Chart1",
|
|
"allowScroll": false,
|
|
"dynamicPropertyPathList": [],
|
|
"displayName": "Chart",
|
|
"iconSVG": "/static/media/icon.6adbe31e.svg",
|
|
"topRow": 33,
|
|
"bottomRow": 65,
|
|
"parentRowSpace": 10,
|
|
"type": "CHART_WIDGET",
|
|
"hideCard": false,
|
|
"chartData": {
|
|
"hba7jh4buz": {
|
|
"seriesName": "Sales",
|
|
"data": "{{Query1.data.map( (obj) =>{ return {'x': obj.gender, 'y': obj.id }})}}"
|
|
}
|
|
},
|
|
"animateLoading": true,
|
|
"dynamicTriggerPathList": [],
|
|
"dynamicBindingPathList": [
|
|
{
|
|
"key": "customFusionChartConfig"
|
|
},
|
|
{
|
|
"key": "chartData.hba7jh4buz.data"
|
|
}
|
|
],
|
|
"leftColumn": 12,
|
|
"customFusionChartConfig": "{{{\n type: 'scrollline2d',\n dataSource: {\n \"chart\": {\n \"theme\": \"fusion\",\n \"caption\": \"User gender Trends\",\n \"xAxisName\": \"gender\",\n \"yAxisName\": \"Count\",\n \"lineThickness\": \"3\",\n \"flatScrollBars\": \"1\",\n \"scrollheight\": \"10\",\n \"numVisiblePlot\": \"12\",\n \"showHoverEffect\": \"1\"\n },\n \"categories\": [{\n \"category\": [{\n \"label\": \"Male\"\n },\n {\n \"label\": \"Female\"\n },\n\t\t\t\t\t\t\t\t\t\t {\n \"label\": \"Male1\"\n },\n {\n \"label\": \"Female1\"\n },\n\t\t\t\t\t\t\t\t\t\t \t\t\t\t\t\t\t\t\t\t {\n \"label\": \"Male2\"\n },\n {\n \"label\": \"Female2\"\n },\n\t\t\t\t\t\t{\n \"label\": \"Female3\"\n },\n\t\t\t\t\t\t\t\t\t\t \t\t\t\t\t\t\t\t\t\t {\n \"label\": \"Male3\"\n },\n {\n \"label\": \"Female4\"\n },\t\t\t\t \n ]\n }],\n \"dataset\": [{\n \"data\": [{\n \"value\": Query1.data.filter(item => item.gender === \"male\").length\n },\n {\n \"value\": Query1.data.filter(item => item.gender === \"female\").length\n },\n\t\t\t\t\t\t\t\t {\n \"value\": Query1.data.filter(item => item.gender === \"male\").length\n },\n {\n \"value\": Query1.data.filter(item => item.gender === \"female\").length\n },\n\t\t\t\t\t\t\t\t {\n \"value\": Query1.data.filter(item => item.gender === \"male\").length\n },\n {\n \"value\": Query1.data.filter(item => item.gender === \"female\").length\n },\n\t\t\t\t\t\t {\n \"value\": Query1.data.filter(item => item.gender === \"male\").length\n },\n {\n \"value\": Query1.data.filter(item => item.gender === \"female\").length\n }\t,\n\t\t\t\t\t\t\t\t {\n \"value\": Query1.data.filter(item => item.gender === \"female\").length\n }\t\n ]\n }]\n }\n }}}",
|
|
"key": "p6sgc9yn7m",
|
|
"rightColumn": 36,
|
|
"widgetId": "nrzva5zez9",
|
|
"isVisible": true,
|
|
"version": 1,
|
|
"parentId": "0",
|
|
"labelOrientation": "auto",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"yAxisName": "Revenue($)",
|
|
"chartName": "Sales Report",
|
|
"xAxisName": "Product Line",
|
|
"chartType": "LINE_CHART"
|
|
},
|
|
{
|
|
"widgetName": "Button1",
|
|
"onClick": "{{Query1.run()}}",
|
|
"buttonColor": "#03B365",
|
|
"displayName": "Button",
|
|
"iconSVG": "/static/media/icon.cca02633.svg",
|
|
"topRow": 18,
|
|
"bottomRow": 22,
|
|
"parentRowSpace": 10,
|
|
"type": "BUTTON_WIDGET",
|
|
"hideCard": false,
|
|
"animateLoading": true,
|
|
"parentColumnSpace": 28.9375,
|
|
"dynamicTriggerPathList": [
|
|
{
|
|
"key": "onClick"
|
|
}
|
|
],
|
|
"leftColumn": 37,
|
|
"dynamicBindingPathList": [],
|
|
"text": "Submit",
|
|
"isDisabled": false,
|
|
"key": "0w8iby68or",
|
|
"rightColumn": 53,
|
|
"isDefaultClickDisabled": true,
|
|
"widgetId": "9p2kcaof91",
|
|
"isVisible": true,
|
|
"recaptchaType": "V3",
|
|
"version": 1,
|
|
"parentId": "0",
|
|
"renderMode": "CANVAS",
|
|
"isLoading": false,
|
|
"buttonVariant": "PRIMARY",
|
|
"placement": "CENTER"
|
|
}
|
|
]
|
|
}
|
|
|
|
} |