supervons / react-native-echarts-pro

A React-Native charts based on Apache ECharts, support various charts and map.
https://supervons.github.io/react-native-echarts-pro-docs/
MIT License
216 stars 33 forks source link

鸿蒙上图表的tooltip点击无反应 #130

Open lxverycool opened 1 week ago

lxverycool commented 1 week ago

目前是否支持鸿蒙,ios和android正常单openHarmony上tooltip点击没有出现

react-native-echarts-pro【1.9.1】 react-native version【0.72.5】 react-native-webview 【13.10.2】 Platform【openHarmony】 Demo:


tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'shadow',
            },
            padding: 8,
            formatter: (params: any) => {
                const data = params[0];
                const marker =
                    '<span style="margin-right:4px;width:9px;height:9px;background-color:' +
                    data.color +
                    ';border-radius:2px;display:inline-block;"></span>';
                const xName = '<span style="margin-right:8px;">' + data.name + '</span>';
                const yValue = '<span>' + data.value + '</span>';
                const content =
                    '<span style="display:flex; align-items:center;">' + marker + xName + yValue + '</span>';
                return `
                    <span>
                        <span>${data.seriesName}</span>
                        <br>
                        ${content}
                    </span>
                `;
            },
            textStyle: {
                color: '#2C2C2C',
                fontSize: 11,
            },
        }```
supervons commented 1 week ago

你好,鸿蒙具体的版本提供一下。

lxverycool commented 6 days ago

你好,鸿蒙具体的版本提供一下。

0.72.29

lxverycool commented 4 days ago

并且在鸿蒙中,setNewOption方法无效,不能渲染图表。是否是因为react native高版本使用Hermes引擎导致的。harmonyOS:0.72.29。react native:0.72.5。怀疑与鸿蒙关系不大,与Hermes有关吧。因为我只要配置中不写formatter,在对应版本鸿蒙中,可以正常显示tooltip和图表,点击也是有效的