geoIndex: 0, // 默认情况下,map series 会自己生成内部专用的 geo 组件。但是也可以用这个 geoIndex 指定一个 geo 组件 type: "map", // 地图类型 roam: true, // 整个地图能否缩放,拖拽 map: city, // 地图名字 zoom: 1.1, // 当前视角的缩放比例 top: "15%", // 距离顶部距离 scaleLimit: {...
series:系列列表,每个系列通过type决定自己的图表类型 其中,series里的label和tooltrip中都含有formatter属性,这两个是调整地图所展示的点信息的关键,一定要理清楚formatter属性中的参数含义 ,具体参见官方文档的详细介绍。注意分清系列名 / 数据名 / 数据值这三者对应的内容 这是我调整之后的效果:左边是label,右边是t...
首先要找一个json文件,包含中国地区内所有地方的经纬度和名称等,初始化地图的时候需要 echarts.registerMap("china", { geoJSON: city }); 1. 这里的city就是我的json文件。在上方引入即可 import city from "./city"; 1. 这里我把它放在和大屏index同目录下了,注意引入时的路径 然后就可以画出地图了, ...
series:系列列表,每个系列通过type决定自己的图表类型 其中,series里的label和tooltrip中都含有formatter属性,这两个是调整地图所展示的点信息的关键,一定要理清楚formatter属性中的参数含义 ,具体参见官方文档的详细介绍。注意分清 系列名 / 数据名 / 数据值 这三者对应的内容 这是我调整之后的效果:左边是label,右边...
Map(地图):用于展示地理位置上的数据分布。 Tree(树图):用于展示层级结构数据的关系。 Heatmap(热力图):用于展示数据密度分布。 and so on… 这么多的示例,但都有一个共同点,那就是几乎所有图表都会用到series的配置。开发中常用的的折线图,柱状图,饼图,这是一定要掌握的。
series: [ { name: '666', type: 'scatter', coordinateSystem: 'geo', symbol: 'pin', symbolSize: [20, 20], label: { normal: { show: true, textStyle: { color: '#2cdee5', fontSize: 12 }, position: 'bottom', formatter(value) { ...
ECharts的图类模块近30种,常用的图类有柱状图(bar)、折线图(line)、散点图(scatter)、K线图(k)、饼图(pie)、雷达图(radar)、地图(map)、仪表盘(gauge)、漏斗图(funnel)。图类与组件共同组成了一个图表,如果只是制作图表的话,只需掌握好图类与组件即可完成80%左右的功能。 另外20%左右的功能涉及更高级的...
series=[ { type:"map", //地图数据表 map:"china", //地图类型。world世界地图,china中国地图 roam:false, //是否开启鼠标缩放和平移漫游。默认不开启。如果只想要开启缩放或者平移,可以设置成 'scale' 或者 'move'。设置成 true 为都开启 center:[115.97, 29.71], //当前视角的中心点,用经纬度表示 aspe...
中国地图 1. 效果如下 2. 需要引入的文件 代码语言:javascript 复制 3. 样例代码如下 代码语言:javascript 复制 <!DOCTYPE html> Document