Class: ThemeGraph

import { ThemeGraph } from '@supermapgis/iclient-leaflet';

new ThemeGraph(options);

<script type="text/javascript" src="https://iclient.supermap.io/dist/leaflet/iclient-leaflet.js"></script>
<script>
  new L.supermap.ThemeGraph({paramsNames});
  // 弃用的写法
  new SuperMap.ThemeGraph(options);
</script>

API Relations

Extends

Members

barWidthnumber

柱状专题图中每一个柱的宽度。使用地图坐标单位。 只有选择的统计图类型为柱状图（柱状图、三维柱状图、堆叠柱状图、三维堆叠柱状图）时，此项才可设置。

graduatedModeGraduatedMode

统计图中地理要素的值与图表尺寸间的映射关系（常数、对数、平方根），即分级方式。 分级主要是为了减少制作统计专题图中数据大小之间的差异，使得统计图的视觉效果比较好，同时不同类别之间的比较也还是有意义的。 提供三种分级模式：常数、对数和平方根，对于有值为负数的字段，不可以采用对数和平方根的分级方式。不同的等级方式用于确定符号大小的数值是不相同的。

Default Value:

GraduatedMode.CONSTANT

memoryKeys 的使用方法如下：
 function addThemeGraph() {
     removeTheme();
      //创建统计专题图对象，ThemeGraph 必设 items。
      //专题图参数 ThemeParameters 必设 theme（即以设置好的分段专题图对象）、dataSourceName 和 datasetName
     var style1 = new ServerStyle({
                  fillForeColor: new ServerColor(92,73,234),
                  lineWidth: 0.1
              }),
              style2 = new ServerStyle({
                  fillForeColor: new ServerColor(211,111,240),
                  lineWidth: 0.1
              }),
              item1 = new ThemeGraphItem({
                  memoryDoubleValues:[1.18,0.95,0.37,1.31,0.8,1.5],
                 caption: "1992-1995人口增长率",
                 graphExpression: "Pop_Rate95",
                  uniformStyle: style1
              }),
              item2 = new ThemeGraphItem({
              //以内存数组方式制作专题图时的值数组
                  memoryDoubleValues:[2.71,0,0.74,3.1,2.2,3.5],
                  caption: "1995-1999人口增长率",  //专题图子项的名称
                  graphExpression: "Pop_Rate99",  //统计专题图的专题变量
                  uniformStyle: style2      //统计专题图子项的显示风格
              }),
              themeGraph  = new ThemeGraph({
              //以内存数组方式制作专题图时的键数组，键数组内的数值代表 SmID 值
                   memoryKeys:[1,2,4,8,10,12],
                  items: new Array(item1,item2),
                  barWidth: 0.03,
                   //统计图中地理要素的值与图表尺寸间的映射关系为平方根
                  graduatedMode: GraduatedMode.SQUAREROOT,
                  //graphAxes用于设置统计图中坐标轴样式相关信息
                  graphAxes: new ThemeGraphAxes({
                      axesDisplayed: true
                  }),
                  graphSize: new ThemeGraphSize({
                      maxGraphSize: 1,
                      minGraphSize: 0.35
                  }),
                  //统计图上的文字是否可见以及文字标注风格
                  graphText: new ThemeGraphText({
                      graphTextDisplayed: true,
                      graphTextFormat: ThemeGraphTextFormat.VALUE,
                      graphTextStyle: new ServerTextStyle({
                          sizeFixed: true,
                          fontHeight: 9,
                          fontWidth: 5
                      })
                  }),
                  //统计专题图类型为三维柱状图
                  graphType: ThemeGraphType.BAR3D
              }),
                  //专题图参数对象
              themeParameters = new ThemeParameters({
                  themes: [themeGraph],
                  dataSourceNames: ["Jingjin"],
                  datasetNames: ["BaseMap_R"]
              }),
                  //与服务端交互
              themeService=new ThemeService(url);
      themeService.processAsync(themeParameters, ThemeCompleted);
  }

Methods

static fromObj(obj){ThemeGraph}

common/iServer/ThemeGraph.js, line 314

从传入对象获取统计专题图类。

Name	Type	Description
obj	Object	传入对象。

Returns:

Type	Description
ThemeGraph	ThemeGraph 对象。

inherited destroy()

common/iServer/ThemeGraph.js, line 221

释放资源，将引用资源的属性置空。

toJSON(){string}

common/iServer/ThemeGraph.js, line 262

将 ThemeGraph 对象转化为 JSON 字符串。

Returns:

Type	Description
string	返回转换后的 JSON 字符串。

toServerJSONObject(){Object}

common/iServer/ThemeGraph.js, line 271

转换成对应的 JSON 格式对象。

Returns:

Type	Description
Object	对应的 JSON 格式对象。