Are MapCharts working?

[AsenjoPablo]

Hello,

Are MapCharts functional? I can't find any examples and get "cannot read property 'regions' of undefined", as well as an error when registering the json map on echarts.

Any ideas?
Thank you

[zhiqingchen]

what kind of MapCharts you means，Can you give me a link to the echarts example?

[AsenjoPablo]

https://echarts.apache.org/examples/en/editor.html?c=map-usa

This would be the kind of example I am using. This is the method I am using for the SVG component:
`function SvgComponent({ option }: { option: any }) {
const svgRef = useRef(null);

useEffect(() => {
    let chart: any;
    if (svgRef.current) {
        echarts.registerMap('country', mapJSON)

        // @ts-ignore
        chart = echarts.init(svgRef.current, 'light', {
            renderer: 'svg',
            width: E_WIDTH,
            height: E_HEIGHT,
        });
        chart.setOption(option);
    }
    return () => chart?.dispose();
}, [option]);

return <SvgChart ref={svgRef} />;

Map json is imported at the top, but types don't seem to match... which is strange, provided this is working on a NextJS webapp using echarts.

[zhiqingchen]

https://github.com/wuba/taro-playground/blob/main/src/pages/explore/charts/pages/map/mapUsaPie.tsx

This example can be used as a reference.

[AsenjoPablo]

Made a few changes based on the example and it's fully working now. Thank you!