@ledvance/ui-biz-bundle 1.1.68 → 1.1.69

package/src/newModules/energyConsumption/component/BarChart.tsx

@@ -1,93 +1,93 @@
-import React from 'react';
-import { View } from 'react-native';
-import ECharts from '@ledvance/react-native-echarts-pro';
-import I18n from "@ledvance/base/src/i18n";
-
-const BarChartWithTouch = ({ data, height, width }) => {
-    const dataX = data?.map(item => { return item.chartTitle });
-    const dataY = data?.map(item => { return item.value });
-    const option = {
-        title: {
-            text: I18n.getLang('consumption_data_annual_bar_chart_text'),
-            textStyle: {
-                fontSize: 14,
-                color: "#666666",
-            },
-            top: 10,
-        },
-        tooltip: {
-            show: false,
-        },
-        grid: {
-            width,
-            right: "20%",
-            left: '10%'
-        },
-        xAxis: {
-            data: dataX,
-            axisTick: {
-                show: false
-            },
-            axisLabel: {
-                show: true,
-                color: '#999999',
-                interval: 0,
-            }
-        },
-        yAxis: {
-            min: data?.length === 0 && 0.6 || 0
-        },
-        series: [
-            {
-                type: 'bar',
-                data: dataY,
-                itemStyle: {
-                    emphasis: {
-                        color: '#FF6600', // Color when bar is clicked
-                    },
-                    color: '#FFC2A9',
-                    borderRadius: 2
-                },
-                barMaxWidth: 10,
-                label: {
-                    show: false, // 开启显示
-                    position: 'top', // 在上方显示
-                    distance: 10, // 距离图形元素的距离。当 position 为字符描述值（如 'top'、'insideRight'）时候有效。
-                    verticalAlign: 'middle',
-                    textStyle: { // 数值样式
-                        color: 'black',
-                        fontSize: 12
-                    },
-                },
-                select: {
-                    label: {
-                        show: true,
-                        align: "center",
-                        verticalAlign: "bottom"
-                    },
-                    itemStyle: {
-                        borderColor: '#FFC2A9'
-                    }
-                },
-                selectedMode: "single"
-            },
-        ],
-        dataZoom: {
-            start: 0,
-            type: "inside",
-            maxValueSpan: 5
-        },
-        customMapData: {}
-    };
-
-    return (
-        <View style={{ flex: 1 }}>
-            <ECharts
-                option={option}
-                height={height}
-            />
-        </View>
-    );
-};
-
-export default BarChartWithTouch;
+import React from 'react';
+import { View } from 'react-native';
+import ECharts from '@ledvance/react-native-echarts-pro';
+import I18n from "@ledvance/base/src/i18n";
+
+const BarChartWithTouch = ({ data, height, width }) => {
+    const dataX = data?.map(item => { return item.chartTitle });
+    const dataY = data?.map(item => { return item.value });
+    const option = {
+        title: {
+            text: I18n.getLang('consumption_data_annual_bar_chart_text'),
+            textStyle: {
+                fontSize: 14,
+                color: "#666666",
+            },
+            top: 10,
+        },
+        tooltip: {
+            show: false,
+        },
+        grid: {
+            width,
+            right: "20%",
+            left: '10%'
+        },
+        xAxis: {
+            data: dataX,
+            axisTick: {
+                show: false
+            },
+            axisLabel: {
+                show: true,
+                color: '#999999',
+                interval: 0,
+            }
+        },
+        yAxis: {
+            min: data?.length === 0 && 0.6 || 0
+        },
+        series: [
+            {
+                type: 'bar',
+                data: dataY,
+                itemStyle: {
+                    emphasis: {
+                        color: '#FF6600', // Color when bar is clicked
+                    },
+                    color: '#FFC2A9',
+                    borderRadius: 2
+                },
+                barMaxWidth: 10,
+                label: {
+                    show: false, // 开启显示
+                    position: 'top', // 在上方显示
+                    distance: 10, // 距离图形元素的距离。当 position 为字符描述值（如 'top'、'insideRight'）时候有效。
+                    verticalAlign: 'middle',
+                    textStyle: { // 数值样式
+                        color: 'black',
+                        fontSize: 12
+                    },
+                },
+                select: {
+                    label: {
+                        show: true,
+                        align: "center",
+                        verticalAlign: "bottom"
+                    },
+                    itemStyle: {
+                        borderColor: '#FFC2A9'
+                    }
+                },
+                selectedMode: "single"
+            },
+        ],
+        dataZoom: {
+            start: 0,
+            type: "inside",
+            maxValueSpan: 5
+        },
+        customMapData: {}
+    };
+
+    return (
+        <View style={{ flex: 1 }}>
+            <ECharts
+                option={option}
+                height={height}
+            />
+        </View>
+    );
+};
+
+export default BarChartWithTouch;