echarts中的下钻地图和散点图如何结合?

小萌锅 发布于 2017/02/09 11:14
阅读 835
收藏 0

echarts中的下钻地图和散点图如何结合? echarts官方的地图+散点图显示都是引用的china.json显示地图  但不能下钻,求大神给个引导  我把两个结合起来就报错

加载中
0
火眼金睛容嬷嬷
火眼金睛容嬷嬷

不太理解“不能下钻”这个说法。你的下钻是怎么实现的?替换现有chart?haiishi在右侧单开一个新chart?

小萌锅
小萌锅
回复@袁国涛 : 哦哦 谢谢您
0
小萌锅
小萌锅

大神您好!  我是刚接触echarts的新手,很多地方还是很懵的,我现在在做地图下钻到县级并将数据显示到每个地区,数据显示是散点效果;我说的不能小钻是我在echarts官网看的例子都是引用china.json数据  且serise的类型为散点,然后我就有点没想法,后来在网上找了一些例子大概明白了原理-0-                                            谢谢您的回复!其实我还遇到一个问题,就是markPoint标注在地图上的symbol为circle时的symbolOffset的偏移位置不好使,只能是换成图片好使么?= =就想让标点的位置可以自己设置

0
火眼金睛容嬷嬷
火眼金睛容嬷嬷

引用来自“小萌锅”的评论

大神您好!  我是刚接触echarts的新手,很多地方还是很懵的,我现在在做地图下钻到县级并将数据显示到每个地区,数据显示是散点效果;我说的不能小钻是我在echarts官网看的例子都是引用china.json数据  且serise的类型为散点,然后我就有点没想法,后来在网上找了一些例子大概明白了原理-0-                                            谢谢您的回复!其实我还遇到一个问题,就是markPoint标注在地图上的symbol为circle时的symbolOffset的偏移位置不好使,只能是换成图片好使么?= =就想让标点的位置可以自己设置

没用过,不过根据echarts3的文档,symbolOffset只针对svg矢量和图片有效。如果要圆圈进行偏移,我觉得可以自己写一个svg矢量路径作为符号,不用默认的应该就可以了

0
M
MiracleTan

楼主怎么做的啊,我的区域选中不了,只能用click,能指点下吗

myChart.on('geoselectchanged', function (params) {
            var selectedProvince = params.name;
            //alert(selectedProvince);
            option.geo= {
                map: selectedProvince,
                label: {
                    emphasis: {
                        show: false
                    }
                },
                roam: true,
                itemStyle: {
                    normal: {
                        areaColor: '#323c48',
                        borderColor: '#111'
                    },
                    emphasis: {
                        areaColor: '#2a333d'
                    }
                }
            },
            option.series[1] = {
                    name: 'pm2.5',
                    type: 'scatter',
                    coordinateSystem: 'geo',
                    data: citydata,
                    symbolSize: function (val) {
                        return val[2] / 10;
                    },
                    left: '10%',
                    label: {
                        normal: {
                            formatter: '{b}',
                            position: 'right',
                            show: true
                        },
                        emphasis: {
                            show: true
                        }
                    },
                    itemStyle: {
                        normal: {
                            color: 'red'
                        }
                    }
                };
            
            myChart.setOption(option,true);
        });

0
厨禾当午
厨禾当午

地图下钻之后数据是如何分发到市级地图中的?此时经纬度还能否使用?

返回顶部
顶部