diff --git a/UI/chart/README_zh.md b/UI/chart/README_zh.md new file mode 100644 index 0000000000000000000000000000000000000000..cb8544cb566e7f159ac219237749104dc7dcc098 --- /dev/null +++ b/UI/chart/README_zh.md @@ -0,0 +1,14 @@ +# 图表组件 + +### 简介 + +本示例主要展示了图表组件chart的使用，该组件支持绘制柱形图、线形图、量规图、加载图、进度图和占比图这6种类型的图表。 + +### 使用说明 + +本示例主界面为6个按钮，点击按钮查看对应类别的图表。 + +### 约束与限制 + +本示例仅支持在标准系统上运行。 + diff --git a/UI/chart/build.gradle b/UI/chart/build.gradle new file mode 100644 index 0000000000000000000000000000000000000000..cbe2b796448ef7864c61a5a9aaf7e3d4feb21061 --- /dev/null +++ b/UI/chart/build.gradle @@ -0,0 +1,35 @@ +apply plugin: 'com.huawei.ohos.app' + +ohos { + compileSdkVersion 6 + defaultConfig { + compatibleSdkVersion 6 + } +} + +buildscript { + repositories { + maven { + url 'https://repo.huaweicloud.com/repository/maven/' + } + maven { + url 'https://developer.huawei.com/repo/' + } + jcenter() + } + dependencies { + classpath 'com.huawei.ohos:hap:2.4.4.3-RC' + } +} + +allprojects { + repositories { + maven { + url 'https://repo.huaweicloud.com/repository/maven/' + } + maven { + url 'https://developer.huawei.com/repo/' + } + jcenter() + } +} \ No newline at end of file diff --git a/UI/chart/entry/build.gradle b/UI/chart/entry/build.gradle new file mode 100644 index 0000000000000000000000000000000000000000..88e1fd7d4aad2df8c0b60bc3fd818690ace968bf --- /dev/null +++ b/UI/chart/entry/build.gradle @@ -0,0 +1,16 @@ +apply plugin: 'com.huawei.ohos.hap' +ohos { + compileSdkVersion 6 + defaultConfig { + compatibleSdkVersion 6 + } + buildTypes { + release { + proguardOpt { + proguardEnabled false + rulesFiles 'proguard-rules.pro' + } + } + } + supportSystem "standard" +} \ No newline at end of file diff --git a/UI/chart/entry/src/main/config.json b/UI/chart/entry/src/main/config.json new file mode 100644 index 0000000000000000000000000000000000000000..4fa885a49853af4793d28365edee5a67e1e7450d --- /dev/null +++ b/UI/chart/entry/src/main/config.json @@ -0,0 +1,62 @@ +{ + "app": { + "bundleName": "ohos.samples.chart", + "version": { + "code": 1000000, + "name": "1.0.0" + } + }, + "deviceConfig": {}, + "module": { + "package": "ohos.samples.chart", + "name": ".MainAbility", + "mainAbility": "ohos.samples.chart.MainAbility", + "deviceType": [ + "phone" + ], + "distro": { + "deliveryWithInstall": true, + "moduleName": "entry", + "moduleType": "entry", + "installationFree": false + }, + "abilities": [ + { + "skills": [ + { + "entities": [ + "entity.system.home" + ], + "actions": [ + "action.system.home" + ] + } + ], + "name": ".MainAbility", + "icon": "$media:icon", + "description": "$string:mainability_description", + "label": "$string:app_name", + "type": "page", + "launchType": "standard" + } + ], + "js": [ + { + "pages": [ + "pages/index/index", + "pages/line/index", + "pages/bar/index", + "pages/guage/index", + "pages/progress/index", + "pages/loading/index", + "pages/rainbow/index" + ], + "name": "default", + "window": { + "designWidth": 720, + "autoDesignWidth": true + } + } + ] + } +} \ No newline at end of file diff --git a/UI/chart/entry/src/main/js/default/app.js b/UI/chart/entry/src/main/js/default/app.js new file mode 100644 index 0000000000000000000000000000000000000000..8e47afff13e928a74fdcc01a108e4422404b9ac9 --- /dev/null +++ b/UI/chart/entry/src/main/js/default/app.js @@ -0,0 +1,23 @@ +/* + * Copyright (c) 2021 Huawei Device Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +export default { + onCreate() { + console.info('AceApplication onCreate'); + }, + onDestroy() { + console.info('AceApplication onDestroy'); + } +}; diff --git a/UI/chart/entry/src/main/js/default/i18n/en-US.json b/UI/chart/entry/src/main/js/default/i18n/en-US.json new file mode 100644 index 0000000000000000000000000000000000000000..2667ee80d7b2e7cb5b56feb38a934a4a7348caf2 --- /dev/null +++ b/UI/chart/entry/src/main/js/default/i18n/en-US.json @@ -0,0 +1,11 @@ +{ + "strings": { + "line": "Line chart", + "bar": " Histogram", + "guage": "Gauge figure", + "progress": "Progress class circle chart", + "loading": "Load class circular chart", + "rainbow": "Proportion type circular chart", + "accounted": "Accounted for" + } +} \ No newline at end of file diff --git a/UI/chart/entry/src/main/js/default/i18n/zh-CN.json b/UI/chart/entry/src/main/js/default/i18n/zh-CN.json new file mode 100644 index 0000000000000000000000000000000000000000..f192af7fed7ef852eb36c38f5b3d411757d53114 --- /dev/null +++ b/UI/chart/entry/src/main/js/default/i18n/zh-CN.json @@ -0,0 +1,11 @@ +{ + "strings": { + "line": "线形图", + "bar": "柱形图", + "guage": "量规图", + "progress": "进度类圆形图表", + "loading": "加载类圆形图表", + "rainbow": "占比类圆形图表", + "accounted": "占比" + } +} \ No newline at end of file diff --git a/UI/chart/entry/src/main/js/default/pages/bar/index.css b/UI/chart/entry/src/main/js/default/pages/bar/index.css new file mode 100644 index 0000000000000000000000000000000000000000..db41b9c9ee5723ef6224dd21a319887b39c7bb21 --- /dev/null +++ b/UI/chart/entry/src/main/js/default/pages/bar/index.css @@ -0,0 +1,21 @@ +/* + * Copyright (c) 2021 Huawei Device Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + + @import '../../common/common.css'; + +.data-bar { + width: 700px; + height: 400px; +} \ No newline at end of file diff --git a/UI/chart/entry/src/main/js/default/pages/bar/index.hml b/UI/chart/entry/src/main/js/default/pages/bar/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..4c3aae497abdf2bc0292eb9dbcc8ae7732e87f47 --- /dev/null +++ b/UI/chart/entry/src/main/js/default/pages/bar/index.hml @@ -0,0 +1,18 @@ + + +
+ +
\ No newline at end of file diff --git a/UI/chart/entry/src/main/js/default/pages/bar/index.js b/UI/chart/entry/src/main/js/default/pages/bar/index.js new file mode 100644 index 0000000000000000000000000000000000000000..82c60cc98325b70a9d7bc7192a3052667a313fc1 --- /dev/null +++ b/UI/chart/entry/src/main/js/default/pages/bar/index.js @@ -0,0 +1,47 @@ +/* + * Copyright (c) 2021 Huawei Device Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +export default { + data: { + barData: [ + { + fillColor: '#f07826', + data: [763, 550, 551, 554, 731], + }, + { + fillColor: '#cce9ff', + data: [535, 776, 615, 444, 694], + }, + { + fillColor: '#ff88bb', + data: [673, 500, 574, 483, 702], + }, + ], + barOps: { + xAxis: { + min: 0, + max: 20, + display: true, + axisTick: 5, + }, + yAxis: { + min: 0, + max: 1000, + display: true, + axisTick: 10, + }, + }, + } +} \ No newline at end of file diff --git a/UI/chart/entry/src/main/js/default/pages/guage/index.css b/UI/chart/entry/src/main/js/default/pages/guage/index.css new file mode 100644 index 0000000000000000000000000000000000000000..927ace6005b8bc6e156eedd4b7654d830a5fdef0 --- /dev/null +++ b/UI/chart/entry/src/main/js/default/pages/guage/index.css @@ -0,0 +1,28 @@ +/* + * Copyright (c) 2021 Huawei Device Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + + @import '../../common/common.css'; + +.gauge-region { + height: 200px; + width: 200px; +} + +.data-gauge { + colors: #83f115, #fd3636, #3bf8ff; + weights: 4, 2, 1; + stroke-width: 24px; + start-angle: 240; +} \ No newline at end of file diff --git a/UI/chart/entry/src/main/js/default/pages/guage/index.hml b/UI/chart/entry/src/main/js/default/pages/guage/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..498cc88cc963ec3747aeb8fd6d8064c3e0be2324 --- /dev/null +++ b/UI/chart/entry/src/main/js/default/pages/guage/index.hml @@ -0,0 +1,20 @@ + + +
+
+ +
+
\ No newline at end of file diff --git a/UI/chart/entry/src/main/js/default/pages/index/index.css b/UI/chart/entry/src/main/js/default/pages/index/index.css new file mode 100644 index 0000000000000000000000000000000000000000..26ec5fd5a17e4a8c2ffc6e69b72655f78a61ed3e --- /dev/null +++ b/UI/chart/entry/src/main/js/default/pages/index/index.css @@ -0,0 +1,23 @@ +/* + * Copyright (c) 2021 Huawei Device Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + + @import '../../common/common.css'; + +.btn { + width: 70%; + height: 48px; + font-size: 16px; + margin-top: 20px; +} \ No newline at end of file diff --git a/UI/chart/entry/src/main/js/default/pages/index/index.hml b/UI/chart/entry/src/main/js/default/pages/index/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..8efdb58172ce362d432587938abb44888646d3d4 --- /dev/null +++ b/UI/chart/entry/src/main/js/default/pages/index/index.hml @@ -0,0 +1,23 @@ + + +
+ + + + + + +
\ No newline at end of file diff --git a/UI/chart/entry/src/main/js/default/pages/index/index.js b/UI/chart/entry/src/main/js/default/pages/index/index.js new file mode 100644 index 0000000000000000000000000000000000000000..e93fa87707f58fcb441bde440e8e5a45ed67f421 --- /dev/null +++ b/UI/chart/entry/src/main/js/default/pages/index/index.js @@ -0,0 +1,25 @@ +/* + * Copyright (c) 2021 Huawei Device Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import router from '@system.router'; + +export default { + data: {}, + onClick(type) { + router.push({ + uri: "pages/" + type +"/index" + }) + } +} diff --git a/UI/chart/entry/src/main/js/default/pages/line/index.css b/UI/chart/entry/src/main/js/default/pages/line/index.css new file mode 100644 index 0000000000000000000000000000000000000000..a6fb1b30620069e3f913c849eb2751068fcb2c6c --- /dev/null +++ b/UI/chart/entry/src/main/js/default/pages/line/index.css @@ -0,0 +1,21 @@ +/* + * Copyright (c) 2021 Huawei Device Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + + @import '../../common/common.css'; + +.chart-data { + width: 700px; + height: 600px; +} \ No newline at end of file diff --git a/UI/chart/entry/src/main/js/default/pages/line/index.hml b/UI/chart/entry/src/main/js/default/pages/line/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..581690989a0ca95bcf05a34f524154454f52257a --- /dev/null +++ b/UI/chart/entry/src/main/js/default/pages/line/index.hml @@ -0,0 +1,18 @@ + + +
+ +
\ No newline at end of file diff --git a/UI/chart/entry/src/main/js/default/pages/line/index.js b/UI/chart/entry/src/main/js/default/pages/line/index.js new file mode 100644 index 0000000000000000000000000000000000000000..42147762e509d4d54c7542a8604f4ef8ca8ad484 --- /dev/null +++ b/UI/chart/entry/src/main/js/default/pages/line/index.js @@ -0,0 +1,120 @@ +/* + * Copyright (c) 2021 Huawei Device Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +export default { + data: { + lineData: [ + { + strokeColor: '#0081ff', + fillColor: '#cce5ff', + data: [ + { + value: 25, + description: "25", + textLocation: "top", + textColor: '#000000' + }, + { + value: 15, + description: "15", + textLocation: "bottom", + textColor: '#000000' + }, + { + value: 37, + description: "37", + textLocation: "top", + textColor: '#000000' + }, + { + value: 48, + description: "48", + textLocation: "top", + textColor: '#000000' + }, + { + value: 27, + description: "27", + textLocation: "bottom", + textColor: '#000000' + }, + { + value: 83, + description: "83", + textLocation: "top", + textColor: '#000000' + }, + { + value: 20, + description: "20", + textLocation: "bottom", + textColor: '#000000' + }, + { + value: 66, + description: "66", + textLocation: "top", + textColor: '#000000' + }, + { + value: 21, + description: "21", + textLocation: "bottom", + textColor: '#000000' + }, + { + value: 99, + description: "99", + textLocation: "top", + textColor: '#000000' + }, + ], + gradient: true, + } + ], + lineOps: { + xAxis: { + min: 0, + max: 10, + axisTick: 10, + display: true, + }, + yAxis: { + min: 0, + max: 100, + axisTick: 20, + display: true, + }, + series: { + lineStyle: { + width: "5px", + smooth: true, + }, + headPoint: { + shape: "circle", + size: 5, + strokeWidth: 5, + fillColor: '#000000', + strokeColor: '#007aff', + display: true, + }, + loop: { + margin: 2, + gradient: true, + } + } + }, + } +} \ No newline at end of file diff --git a/UI/chart/entry/src/main/js/default/pages/loading/index.css b/UI/chart/entry/src/main/js/default/pages/loading/index.css new file mode 100644 index 0000000000000000000000000000000000000000..5f0bdf713ce9e2cd65c6ccc978a299246f985afd --- /dev/null +++ b/UI/chart/entry/src/main/js/default/pages/loading/index.css @@ -0,0 +1,26 @@ +/* + * Copyright (c) 2021 Huawei Device Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + + @import '../../common/common.css'; + +.chart-region { + height: 400px; + width: 700px; +} + +.chart-data { + width: 200px; + height: 200px; +} \ No newline at end of file diff --git a/UI/chart/entry/src/main/js/default/pages/loading/index.hml b/UI/chart/entry/src/main/js/default/pages/loading/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..a773997edd51e4f5ecbb16fb5bd1c61a31450797 --- /dev/null +++ b/UI/chart/entry/src/main/js/default/pages/loading/index.hml @@ -0,0 +1,18 @@ + + +
+ +
\ No newline at end of file diff --git a/UI/chart/entry/src/main/js/default/pages/loading/index.js b/UI/chart/entry/src/main/js/default/pages/loading/index.js new file mode 100644 index 0000000000000000000000000000000000000000..601b567c3e6c0f7f41989619cc39a6efc99108a6 --- /dev/null +++ b/UI/chart/entry/src/main/js/default/pages/loading/index.js @@ -0,0 +1,22 @@ +/* + * Copyright (c) 2021 Huawei Device Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +export default { + data: { + segment: { + value: 100 + } + } +} \ No newline at end of file diff --git a/UI/chart/entry/src/main/js/default/pages/progress/index.css b/UI/chart/entry/src/main/js/default/pages/progress/index.css new file mode 100644 index 0000000000000000000000000000000000000000..5f0bdf713ce9e2cd65c6ccc978a299246f985afd --- /dev/null +++ b/UI/chart/entry/src/main/js/default/pages/progress/index.css @@ -0,0 +1,26 @@ +/* + * Copyright (c) 2021 Huawei Device Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + + @import '../../common/common.css'; + +.chart-region { + height: 400px; + width: 700px; +} + +.chart-data { + width: 200px; + height: 200px; +} \ No newline at end of file diff --git a/UI/chart/entry/src/main/js/default/pages/progress/index.hml b/UI/chart/entry/src/main/js/default/pages/progress/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..34bf424e2e75d5b053ea5ee0b79b84a7aefedb90 --- /dev/null +++ b/UI/chart/entry/src/main/js/default/pages/progress/index.hml @@ -0,0 +1,18 @@ + + +
+ +
\ No newline at end of file diff --git a/UI/chart/entry/src/main/js/default/pages/progress/index.js b/UI/chart/entry/src/main/js/default/pages/progress/index.js new file mode 100644 index 0000000000000000000000000000000000000000..601b567c3e6c0f7f41989619cc39a6efc99108a6 --- /dev/null +++ b/UI/chart/entry/src/main/js/default/pages/progress/index.js @@ -0,0 +1,22 @@ +/* + * Copyright (c) 2021 Huawei Device Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +export default { + data: { + segment: { + value: 100 + } + } +} \ No newline at end of file diff --git a/UI/chart/entry/src/main/js/default/pages/rainbow/index.css b/UI/chart/entry/src/main/js/default/pages/rainbow/index.css new file mode 100644 index 0000000000000000000000000000000000000000..8458dccd42c2914d9dc0d2caef8ca47d1227f645 --- /dev/null +++ b/UI/chart/entry/src/main/js/default/pages/rainbow/index.css @@ -0,0 +1,77 @@ +/* + * Copyright (c) 2021 Huawei Device Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + + @import '../../common/common.css'; + +.chart-data { + width: 200px; + height: 200px; +} + +.box { + flex-direction: column; + height: 200px; + width: 100%; + margin-top: 20px; + align-content: center; + justify-content: center; +} + +.rainbow-box { + width: 45%; + flex-direction: row; + justify-content: space-around; + align-content: center; +} + +.yellow-box { + margin-top: 4px; + background-color: yellow; + width: 16px; + height: 16px; +} + +.orangered-box { + margin-top: 4px; + background-color: orangered; + width: 16px; + height: 16px; +} + +.palevioletred-box { + margin-top: 4px; + background-color: palevioletred; + width: 16px; + height: 16px; +} + +.purple-box { + margin-top: 4px; + background-color: purple; + width: 16px; + height: 16px; +} + +.darkslateblue-box { + margin-top: 4px; + background-color: darkslateblue; + width: 16px; + height: 16px; +} + +.text { + margin-top: 4px; + font-size: 16px; +} \ No newline at end of file diff --git a/UI/chart/entry/src/main/js/default/pages/rainbow/index.hml b/UI/chart/entry/src/main/js/default/pages/rainbow/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..4b5cb5bed8a680c1f25fa461c00bdf770c0fd1e8 --- /dev/null +++ b/UI/chart/entry/src/main/js/default/pages/rainbow/index.hml @@ -0,0 +1,40 @@ + + +
+ +
+
+
+ {{ $t('strings.accounted') }} 40% +
+
+
+ {{ $t('strings.accounted') }} 20% +
+
+
+ {{ $t('strings.accounted') }} 10% +
+
+
+ {{ $t('strings.accounted') }} 15% +
+
+
+ {{ $t('strings.accounted') }} 15% +
+
+
\ No newline at end of file diff --git a/UI/chart/entry/src/main/js/default/pages/rainbow/index.js b/UI/chart/entry/src/main/js/default/pages/rainbow/index.js new file mode 100644 index 0000000000000000000000000000000000000000..ac4eed5b20eae2e2b8f56503d005afd2485fcebe --- /dev/null +++ b/UI/chart/entry/src/main/js/default/pages/rainbow/index.js @@ -0,0 +1,36 @@ +/* + * Copyright (c) 2021 Huawei Device Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +export default { + data: { + segment: [ + { + value: 40 + }, + { + value: 20 + }, + { + value: 10 + }, + { + value: 15 + }, + { + value: 15 + } + ] + } +} \ No newline at end of file diff --git a/UI/chart/entry/src/main/resources/base/element/string.json b/UI/chart/entry/src/main/resources/base/element/string.json new file mode 100644 index 0000000000000000000000000000000000000000..a8cf9a542e177a0f858e3a0eae965bf96f822628 --- /dev/null +++ b/UI/chart/entry/src/main/resources/base/element/string.json @@ -0,0 +1,12 @@ +{ + "string": [ + { + "name": "entry_MainAbility", + "value": "chart" + }, + { + "name": "mainability_description", + "value": "JS_Empty Ability" + } + ] +} \ No newline at end of file diff --git a/UI/chart/entry/src/main/resources/base/media/icon.png b/UI/chart/entry/src/main/resources/base/media/icon.png new file mode 100644 index 0000000000000000000000000000000000000000..ce307a8827bd75456441ceb57d530e4c8d45d36c Binary files /dev/null and b/UI/chart/entry/src/main/resources/base/media/icon.png differ diff --git a/UI/chart/entry/src/main/resources/en/element/string.json b/UI/chart/entry/src/main/resources/en/element/string.json new file mode 100644 index 0000000000000000000000000000000000000000..32f9e17d978d47802e15649389725d4a2918077a --- /dev/null +++ b/UI/chart/entry/src/main/resources/en/element/string.json @@ -0,0 +1,12 @@ +{ + "string": [ + { + "name": "app_name", + "value": "Chart" + }, + { + "name": "mainability_description", + "value": "JS_Empty Ability" + } + ] +} \ No newline at end of file diff --git a/UI/chart/entry/src/main/resources/zh/element/string.json b/UI/chart/entry/src/main/resources/zh/element/string.json new file mode 100644 index 0000000000000000000000000000000000000000..c165da6edc25c446882a6a6d517530f17cca18a9 --- /dev/null +++ b/UI/chart/entry/src/main/resources/zh/element/string.json @@ -0,0 +1,12 @@ +{ + "string": [ + { + "name": "app_name", + "value": "图表组件" + }, + { + "name": "mainability_description", + "value": "JS_Empty Ability" + } + ] +} \ No newline at end of file diff --git a/UI/chart/screenshots/device/bar.jpg b/UI/chart/screenshots/device/bar.jpg new file mode 100644 index 0000000000000000000000000000000000000000..b661e7dd66be810081aad951cf54a3c18dd98ad7 Binary files /dev/null and b/UI/chart/screenshots/device/bar.jpg differ diff --git a/UI/chart/screenshots/device/guage.jpg b/UI/chart/screenshots/device/guage.jpg new file mode 100644 index 0000000000000000000000000000000000000000..4c9ba0a023ab286a318bbd9eeb25755c19bc7135 Binary files /dev/null and b/UI/chart/screenshots/device/guage.jpg differ diff --git a/UI/chart/screenshots/device/line.jpg b/UI/chart/screenshots/device/line.jpg new file mode 100644 index 0000000000000000000000000000000000000000..10f3cde7edd9f3d647e0d31de69d4c1f4549169e Binary files /dev/null and b/UI/chart/screenshots/device/line.jpg differ diff --git a/UI/chart/screenshots/device/loading.jpg b/UI/chart/screenshots/device/loading.jpg new file mode 100644 index 0000000000000000000000000000000000000000..11dd6af7e62b206d9ffb0a469ec241e4c8247993 Binary files /dev/null and b/UI/chart/screenshots/device/loading.jpg differ diff --git a/UI/chart/screenshots/device/main.jpg b/UI/chart/screenshots/device/main.jpg new file mode 100644 index 0000000000000000000000000000000000000000..8e023720e807a02e26d7d86e9aed18df1f22f8a3 Binary files /dev/null and b/UI/chart/screenshots/device/main.jpg differ diff --git a/UI/chart/screenshots/device/progress.jpg b/UI/chart/screenshots/device/progress.jpg new file mode 100644 index 0000000000000000000000000000000000000000..f1fe8113ee77031b5c58e643643cb2ae114fb38a Binary files /dev/null and b/UI/chart/screenshots/device/progress.jpg differ diff --git a/UI/chart/screenshots/device/rainbow.jpg b/UI/chart/screenshots/device/rainbow.jpg new file mode 100644 index 0000000000000000000000000000000000000000..0c0d8f1d84d4a20fee98b1ebf70da837bf0a3109 Binary files /dev/null and b/UI/chart/screenshots/device/rainbow.jpg differ diff --git a/UI/chart/settings.gradle b/UI/chart/settings.gradle new file mode 100644 index 0000000000000000000000000000000000000000..4773db73233a570c2d0c01a22e75321acfbf7a07 --- /dev/null +++ b/UI/chart/settings.gradle @@ -0,0 +1 @@ +include ':entry'