最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - Echarts: Initial zoom in map type - Stack Overflow

programmeradmin1浏览0评论

There is some way to set an initial zoom in chart of map type?

I have this options:

m.setOption({
tooltip : {
    trigger: 'item'
},
toolbox: {
    show : true,
    orient : 'vertical',
    x: 'right',
    y: 'center',
    feature : {
        mark : {show: true},
        dataView : {show: true, readOnly: false},
        restore : {show: true},
        saveAsImage : {show: true}
    }
},
asoluteZoom : {start : 90, end : 100},
series : [
    {
        name: 'Name',
        type: 'map',
        mapType: 'world',
        hoverable: false,
        roam:true,
        data : [],
        markPoint : {
            symbolSize: 10,  
            itemStyle: {
                normal: {
                    borderColor: '#87cefa',
                    borderWidth: 1,       
                    label: {
                        show: false
                    }
                },
                emphasis: {
                    borderColor: '#1e90ff',
                    borderWidth: 5,
                    label: {
                        show: false
                    }
                }
            },
            data : [
                {name: "Hello!"},
            ]
        },
        geoCoord: {
            "Hello!":[-4.729075, 37.906475],

        }
    }
]

});

I tried with asoluteZoom but nothing happens.

There is some way to set an initial zoom in chart of map type?

I have this options:

m.setOption({
tooltip : {
    trigger: 'item'
},
toolbox: {
    show : true,
    orient : 'vertical',
    x: 'right',
    y: 'center',
    feature : {
        mark : {show: true},
        dataView : {show: true, readOnly: false},
        restore : {show: true},
        saveAsImage : {show: true}
    }
},
asoluteZoom : {start : 90, end : 100},
series : [
    {
        name: 'Name',
        type: 'map',
        mapType: 'world',
        hoverable: false,
        roam:true,
        data : [],
        markPoint : {
            symbolSize: 10,  
            itemStyle: {
                normal: {
                    borderColor: '#87cefa',
                    borderWidth: 1,       
                    label: {
                        show: false
                    }
                },
                emphasis: {
                    borderColor: '#1e90ff',
                    borderWidth: 5,
                    label: {
                        show: false
                    }
                }
            },
            data : [
                {name: "Hello!"},
            ]
        },
        geoCoord: {
            "Hello!":[-4.729075, 37.906475],

        }
    }
]

});

I tried with asoluteZoom but nothing happens.

Share Improve this question asked Apr 26, 2017 at 7:11 ƒernando Valleƒernando Valle 3,7146 gold badges38 silver badges59 bronze badges
Add a ment  | 

3 Answers 3

Reset to default 3

I solved with: scaleLimit is explained here

Use zoom property of series object.

You can do so as below,

echartInstance.dispatchAction({
      type: 'dataZoom',
      start: 90,
      end: 100
});
发布评论

评论列表(0)

  1. 暂无评论
ok 不同模板 switch ($forum['model']) { /*case '0': include _include(APP_PATH . 'view/htm/read.htm'); break;*/ default: include _include(theme_load('read', $fid)); break; } } break; case '10': // 主题外链 / thread external link http_location(htmlspecialchars_decode(trim($thread['description']))); break; case '11': // 单页 / single page $attachlist = array(); $imagelist = array(); $thread['filelist'] = array(); $threadlist = NULL; $thread['files'] > 0 and list($attachlist, $imagelist, $thread['filelist']) = well_attach_find_by_tid($tid); $data = data_read_cache($tid); empty($data) and message(-1, lang('data_malformation')); $tidlist = $forum['threads'] ? page_find_by_fid($fid, $page, $pagesize) : NULL; if ($tidlist) { $tidarr = arrlist_values($tidlist, 'tid'); $threadlist = well_thread_find($tidarr, $pagesize); // 按之前tidlist排序 $threadlist = array2_sort_key($threadlist, $tidlist, 'tid'); } $allowpost = forum_access_user($fid, $gid, 'allowpost'); $allowupdate = forum_access_mod($fid, $gid, 'allowupdate'); $allowdelete = forum_access_mod($fid, $gid, 'allowdelete'); $access = array('allowpost' => $allowpost, 'allowupdate' => $allowupdate, 'allowdelete' => $allowdelete); $header['title'] = $thread['subject']; $header['mobile_link'] = $thread['url']; $header['keywords'] = $thread['keyword'] ? $thread['keyword'] : $thread['subject']; $header['description'] = $thread['description'] ? $thread['description'] : $thread['brief']; $_SESSION['fid'] = $fid; if ($ajax) { empty($conf['api_on']) and message(0, lang('closed')); $apilist['header'] = $header; $apilist['extra'] = $extra; $apilist['access'] = $access; $apilist['thread'] = well_thread_safe_info($thread); $apilist['thread_data'] = $data; $apilist['forum'] = $forum; $apilist['imagelist'] = $imagelist; $apilist['filelist'] = $thread['filelist']; $apilist['threadlist'] = $threadlist; message(0, $apilist); } else { include _include(theme_load('single_page', $fid)); } break; default: message(-1, lang('data_malformation')); break; } ?>