geo

地理坐标系组件。

地理坐标系组件用于地图的绘制,支持在地理坐标系上绘制散点图,线集。

  • geo.show: 是否显示地理坐标系组件。
  • geo.map: 地图类型。
      JavaScript 引入示例
      <script src="echarts.js"></script>
      <script src="map/js/china.js"></script>
      <script>
      var chart = echarts.init(document.getElmentById('main'));
      chart.setOption({
          series: [{
              type: 'map',
              map: 'china'
          }]
      });
      </script>
      JSON 引入示例
      $.get('map/json/china.json', function (chinaJson) {
          echarts.registerMap('china', chinaJson);
          var chart = echarts.init(document.getElmentById('main'));
          chart.setOption({
              series: [{
                  type: 'map',
                  map: 'china'
              }]
          });
      });
    
  • geo.roam: 是否开启鼠标缩放和平移漫游。默认不开启。如果只想要开启缩放或者平移,可以设置成 'scale' 或者 'move'。设置成 true 为都开启
  • geo.label: 图形上的文本标签,课用于说明图形的一些数据信息,比如值,名称等,label选项在 ECharts 2.x 中放置于itemStyle.normal下,在 ECharts 3 中为了让整个配置项结构更扁平合理,label被拿出来跟 itemStyle 平级,并且跟 itemStyle 一样拥有 normal, emphasis 两个状态。
    • geo.label.normal:
      • geo.label.normal.show: 是否在普通状态下显示标签。
      • geo.label.normal.textStyle: 普通状态下的标签文本样式。...
    • geo.label.emphasis:
      • geo.label.emphasis.show: 是否在高亮状态下显示标签。
      • geo.label.emphasis.textStyle: 高亮状态下的标签文本样式。...
  • geo.itemStyle: 地图区域的多边形 图形样式,有 normal 和 emphasis 两个状态,normal 是图形正常的样式,emphasis 是图形高亮的样式,比如鼠标悬浮或者图例联动高亮的时候会使用 emphasis 作为图形的样式。
    • geo.itemStyle.normal: 普通状态下的多边形样式。...
    • geo.itemStyle.emphasis: 高亮状态下的多边形样式。
  • geo.zlevel: 所有图形的 zlevel 值。
  • geo.z: 组件的所有图形的z值。控制图形的前后顺序。
  • geo.left: 组件离容器左侧的距离。
  • geo.top: 组件离容器上侧的距离。
  • geo.right: 组件离容器右侧的距离。
  • geo.bottom: 组件离容器下侧的距离。