wuba / react-native-echarts

📈 React Native ECharts Library: An awesome charting library for React Native, built upon Apache ECharts and leveraging react-native-svg and react-native-skia. Offers significantly better performance compared to WebView-based solutions.
https://wuba.github.io/react-native-echarts/
Apache License 2.0
763 stars 25 forks source link

The shadow on dataZoom cannot be hidden on iOS #188

Closed XuanChuYun closed 4 months ago

XuanChuYun commented 4 months ago

The data shadow is hidden on Android, but still displayed on iOS: Snipaste_2024-07-11_10-07-19

dataZoom: [
        {
          showDetail: false,
          type: 'slider',
          show: true,
          bottom: isFull
            ? 30 + 10 * Math.ceil(lineData.current.length / 5)
            : uiBase.SFSize(
                lineData.current &&
                  Array.isArray(lineData.current) &&
                  lineData.current.length > 2
                  ? 15 - 8 * Math.ceil(lineData.current.length / 5) + hr
                  : 30,
              ),
          height: uiBase.SFSize(40),
          brushSelect: false,
          moveHandleSize: 48, // 设置滑动条的大小
          filterMode: 'empty',
          showDataShadow: false,
          dataBackground: {
            areaStyle: {
              color: 'rgba(0, 0, 0, 0)',
            },
            lineStyle: {
              color: 'rgba(0, 0, 0, 0)',
            },
          },
          selectedDataBackground: {
            lineStyle: {
              color: 'rgba(0, 0, 0, 0)',
            },
            areaStyle: {
              color: 'rgba(0, 0, 0, 0)',
            },
          },
        },
        {
          type: 'inside',
          preventDefaultMouseMove: true,
          moveOnMouseMove: false,
          xAxisIndex: [0, 1],
          filterMode: 'empty',
        },
      ],
XuanChuYun commented 4 months ago

When sliding, Android will still display and the data shadow of the selected area will not disappear