echarts的百度地图-地图坐标系组件geo的配置

echarts的百度地图-地图坐标系组件geo的配置

听说你echarts的地图属性不会配置?参数含义知道,又不知道格式怎么写?
例如：来看我这篇文章你就知道了!其中对于地图组件使用的watch监听数据变化this.options,以保证数据的更新

---

---

前言

echarts是数据图表展示中目前最强大的利器,自定义开发程度高,同时,各个参数配置也会更多,所以本文这里也针对实际开发中,仅仅对geo地图坐标系组件的参数进行配置及说明,而且本文将echarts的options参数添加到了watch进行监听,以保证数据的更新,如有其它的疑问,欢迎留言评论探讨。

---

提示：以下就是代码的配置及说明

具体代码及配置参数说明

 watch: {
    // titleValue 是会变更的数据，所以进行监听
    titleValue: {
      handler(newData) {
        this.options = {
          title: {
            text: newData,
            subtext: "data from PM25.in",
            sublink: "http://www.pm25.in",
            left: "center",
          },
          tooltip: {
            trigger: "item",
          },
          // 以下内容是本文讲解的关键区域
          // -----------开始-----------------------
		  // ECharts地理坐标系组件（geo）
          geo: {
            show: true, //[ default: true ]是否显示 ECharts 地理坐标系组件。
            map: "china", //[ default: '' ]地理坐标系组件的地图类型。目前可选:'world''china'
            roam: true, //[ default: false ]是否开启鼠标缩放和平移漫游。默认不开启。如果只想要开启缩放或者平移，可以设置成 'scale' 或者 'move'。设置成 true 为都开启
            // center:[106.567492,29.589036], //中心点设置
            // aspectScale:0.85,//[ default: 0.75 ]地图的长宽比
            left: 0,
            top: 0,
            right: 0,
            bottom: 0,
            // boundingCoords: [
            //   // 定位左上角经纬度
            //   [-180, 90],
            //   // 定位右下角经纬度
            //   [180, -90],
            // ],//[ default: null ]二维数组，定义定位的左上角以及右下角分别所对应的经纬度。
            // zoom: 1, //[ default: 1 ]当前视角的缩放比例。
            // nameMap:{
            //   'China' : '中国'
            // },//自定义地区的名称映射
            selectedMode: false, //[ default: false ]选中模式，表示是否支持多个选中，默认关闭，支持布尔值和字符串，字符串取值可选'single'表示单选，或者'multiple'表示多选。
            silent: false, //[ default: false ]图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。
            //图形上的文本标签，可用于说明图形的一些数据信息，比如值，名称等，label 选项在 ECharts 2.x 中放置于itemStyle.normal下，在 ECharts 3 中为了让整个配置项结构更扁平合理，label 被拿出来跟 itemStyle 平级，并且跟 itemStyle 一样拥有 normal, emphasis 两个状态。
            label: {
              normal: {
                show: true, //[ default: false ]是否显示标签。
                position: "top", //标签的位置。