ECharts可以很方便的在网页上绘制地图,图表,并且可以提供下载图像,放大,缩小,拖动等功能,今天主要说一下它的地图类型(type:'map')是如何实现的.
首先在ECharts地图的坐标需要我们存储在一个geoCoord属性里,它是一个JS的字典对象,由键/值对组成,键表示点的名称,值则表达它的坐标,由经纬度组成,它是一个数组,如[13600,3200]它就表示了一个坐标.
地图类型的图表需要关注的元素
title:标题,显示这个地图所表示的名称
title: {
text: '清大云点亮中国',
subtext: 'TsingdaCloud',
sublink: '>
你不描述一下问题,也没有说明故障现象,谁知道怎么帮你呀。
都没看懂你的问题到底是啥意思,你把问题再详细追问一下,我看看能不能帮你。
百度提问页面的顶端可以看到“我要提问”,要描述清楚您的问题,为了更好地得到答案,可通过文字、截图,对问题进行更详细的描述并悬赏!
但是有的时候我们想要使用的地方还是不够,我们需要在添加一些地图的坐标:我们添加的方法如下:
3进入到如下的页面
找到地点 然后进行定点,复制当前坐标的值:
根据选择的地区去加载地图数据然后给chartsetOption(); 改变红色字体的值就可以,红色字体是省的拼音具体查看echarts/map文件夹内文件,有js加载方式和json加载方式
$get('map/json/chinajson', function (chinaJson) {
echartsregisterMap('china', chinaJson);
var chart = echartsinit(documentgetElementById('main'));
chartsetOption({
series: [{
type: 'map',
map: 'china'
}]
});
});
以上就是关于如何用ECharts动态在地图上标识点全部的内容,包括:如何用ECharts动态在地图上标识点、本人想用echarts把区级的具体地图详情显示出来,怎么做、请教echarts地图的一些使用问题等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)