矢量图层属性的图表显示功能,帮助我们以图形化的方式更直观地显示数据当中的信息,使得数据生动起来的同时也变得更美观。QGis当中提供了默认三种图表,分别是饼状图、柱状图以及文本图。下面我们就来看一下在二次开发中如何实现这样的功能。
饼状图
文本图
柱状图
QgsDiagramRendererV2
首先,认识一下控制图表显示的渲染类 QgsDiagramRendererV2。这个类在 QgsVectorLayer 中具有引用指针,通过 QgsVectorLayer 的 setDiagramRenderer() 方法,传入一个 QgsDiagramRendererV2 的实例,当前的矢量图层就会以设置的方法来渲染显示图表。但是 QgsDiagramRendererV2 是一个抽象类,并不能直接实现它的实例,而应该进一步选择实现它的子类。继承关系如下图:
其中 QgsLinearlyInterpolatedDiagramRenderer 和 QgsSingleCategoryDiagramRenderer 分别是具体的渲染方法类,具体算法的不同请参阅API文档,这里仅讨论快速让图表显示出来,至于显示的方式,还需要同学们根据需求自己进行设置。
有了渲染类,到底是以饼状图、文本图还是柱状图的方式来显示,还需要通过渲染类的 setDiagram() 方法来设置。下面就来看看具体的图表类。
Diagram类
QGis当中提供的图表类包括三个,QgsPieDiagram、QgsTextDiagram 和 QgsHistogramDiagram,它们分别对应于饼状图、文本图和柱状图,都是继承自 QgsDiagram 类,继承关系如下图:
图表类并不需要额外的参数,仅初始化就可以了。当然,它们具有一系列的参数可供配置。如果将每个类的参数都封装在类里面,不仅重复代码会增多,而且并不便于管理,况且不论是哪一种图表,它们都具有某些共通的设置参数。于是QGis把这些参数通过其他类进行统一管理。具体来说,有两个,一个是QgsDiagramSettings,用于配置针对图表的参数,另一个是 QgsDiagramLayerSettings,是更高一级的参数,将图表类作为一个图层,配置与矢量要素的显示关系。
QgsDiagramSettings
专门用于图表配置属性的类,这个类的定义是包含在 qgsdiagramrendererV2.h 这个文件中的,由于上文用到了 QgsDiagramRendererV2,想必你应该已经添加了这个头文件的 include 了。
QgsDiagramSettings 类包含的图表属性包括字体、大小、颜色等等,下图来源于 API 文档,可以比较详细的看到可配置的属性:
为了方便大家理解上面的这些属性,列表如下,利用这些参数设置,基本就能够满足图表的不同显示方式了。
Name | 说明 |
---|---|
angleOffset | 起始角度(仅饼状图) |
backgroundColor | 背景颜色 |
barWidth | 柱宽度(仅柱状图) |
categoryAttributes \ categoryColors | 用于控制不同属性显示不同颜色 |
diagramOrientation | 图表方向 |
font | 字体(仅文本图) |
labelPlacementMethod | 图表中文本的显示位置(仅文本图),包括Hight和XHight |
maxScaleDenominator \ minScaleDenominator | 显示尺度。大于或小于缩放尺度,图表将不再显示 |
minimumSize | 图表显示的最小尺寸。小于这个尺寸的图表会放大到这个尺寸显示 |
penColor \ penWidth | 控制轮廓的颜色和宽度 |
scaleByArea | 是否根据要素面积进行缩放图表(仅polygon要素) |
size | 图表大小 |
sizeType | 图表大小的单位,包括 MM 和 MapUnits |
transparency | 透明度 |
QgsDiagramLayerSettings
这个类控制图表作为一个图层,具有的显示方式,包括距离要素的长度、显示相对于要素的方式等。同样,从API文档中查看它具有的属性。
还是列表进行说明:
Name | 说明 |
---|---|
ct | QgsCoordinateTransform类型常量指针 |
dist | 与要素相隔的距离 |
fields | 指定用于显示图表的要素字段 |
geometries | QgsPalGeometry类型列表,指示当前要素类型 |
obstacle | 是否阻挡要素显示 |
palLayer | 当前图层指针 |
placement | 显示位置,包括AroundPoint\OverPoint\Line\Curved\Horizontal\Free |
placementFlags | 现状要素的显示位置,包括 OnLine\AboveLine\BelowLine\MapOrientation |
priority | 显示优先级 |
renderer | 指定QgsDiagramRendererV2类型的指针 |
xform | QgsMapToPixel类常量 |
xPosColumn \ yPosColumn | 由数据定义图表位置 |
调用方式
通过上文的分析,要实现图表功能就比较清晰了。
首先,要有一个 QgsVectorLayer,指向当前的矢量图层
// 这一句是获取当前图层,修改成你自己获取当前图层的方式QgsVectorLayer* layer = qobject_cast<QgsVectorLayer*>( activeLayer() );
然后,需要一个具体的 Diagram,这里以柱状图为例
QgsDiagram* diagram = new QgsHistogramDiagram();
接着,定义 QgsDiagramSettings类,并设置它的参数
QgsDiagramSettings ds; // diagram的设置项ds.transparency = 0; // 设置透明度......
同样,定义 QgsDiagramLayerSettings类,并设置参数
QgsDiagramLayerSettings dls;dls.dist = 0;dls.priority = 5;......
还需要选择渲染类,并设置它的一些属性,这里以 QgsLinearlyInterpolatedDiagramRenderer 类为例。
QgsLinearlyInterpolatedDiagramRenderer* dr = new QgsLinearlyInterpolatedDiagramRenderer();dr->setLowerValue( 0.0 );......
最后,层层调用,并刷新一下显示
dr->setDiagram( diagram );dr->setDiagramSettings( ds );layer->setDiagramRenderer( dr );layer->setDiagramLayerSettings( dls );layer->triggerRepaint();mapCanvas->refresh();
示例代码
最后,放上本文的示例代码,供大家参考。
注:这里仅以柱状图为例,其他类型图表类似,只是配置参数略有不同而已
void qgis_dev_layerPropDialog::setDiagramProperty(){ // 这一句是获取当前图层,修改成你自己获取当前图层的方式 QgsVectorLayer* layer = qobject_cast<QgsVectorLayer*>( activeLayer() ); QgsDiagram* diagram = 0; QString diagramType = "Hist"; // 这一句修改成获取图表类型的代码 bool scaleAttributeValueOk = false; QgsVectorDataProvider* provider = layer->dataProvider(); double maxVal = 0; int fld = 2; if ( fld != -1 ) { bool ok = false; double val = provider->maximumValue( fld ).toDouble( &ok ); // 获取该字段的最大值 if ( ok ) { maxVal = val; } } bool mValueLineEdit = false; if ( diagramType == "Text" ) { //diagram = new QgsTextDiagram(); } else if ( diagramType == "Pie" ) { //diagram = new QgsPieDiagram(); } else // if ( diagramType == DIAGRAM_NAME_HISTOGRAM ) { diagram = new QgsHistogramDiagram(); } #pragma region 设置diagram属性 QgsDiagramSettings ds; // diagram的设置项 //ds.font = mDiagramFont; // 设置字体 ds.transparency = 0; // 设置透明度 QList<QColor> categoryColors; // 颜色 QList<QString> categoryAttributes; // 属性 QColor color = QColor( 255, 0, 0 ); color.setAlpha( 255 - ds.transparency ); categoryColors.append( color ); categoryAttributes.append( "ELEV" ); ds.categoryColors = categoryColors; ds.categoryAttributes = categoryAttributes; ds.size = QSizeF( 1, 1 ); ds.sizeType = static_cast<QgsDiagramSettings::SizeType>( 0 ); ds.labelPlacementMethod = static_cast<QgsDiagramSettings::LabelPlacementMethod>( 1 ); ds.scaleByArea = true; ds.minimumSize = 0; ds.backgroundColor = QColor( 0, 0, 0 ); // 背景色 ds.penColor = QColor( 0, 0, 0 ); // 轮廓颜色 ds.penWidth = 1; // 轮廓宽度 ds.minScaleDenominator = -1; ds.maxScaleDenominator = -1; // Diagram 方向 (histogram) ds.angleOffset = 1440; ds.diagramOrientation = static_cast<QgsDiagramSettings::DiagramOrientation>( 0 ); ds.barWidth = 5; // 宽度 #pragma endregion 设置diagram属性 QgsLinearlyInterpolatedDiagramRenderer* dr = new QgsLinearlyInterpolatedDiagramRenderer(); dr->setLowerValue( 0.0 ); dr->setLowerSize( QSizeF( 0.0, 0.0 ) ); dr->setUpperValue( 2 ); dr->setUpperSize( QSizeF( 2, 2 ) ); bool isExpression = true; dr->setClassificationAttributeIsExpression( isExpression ); dr->setClassificationAttributeExpression( "" ); dr->setDiagram( diagram ); dr->setDiagramSettings( ds ); layer->setDiagramRenderer( dr ); QgsDiagramLayerSettings dls; dls.dist = 0; dls.priority = 5; dls.xPosColumn = -1; dls.yPosColumn = -1; dls.placement = static_cast<QgsDiagramLayerSettings::Placement>( 0 ); dls.placementFlags = 0; layer->setDiagramLayerSettings( dls ); layer->setTitle( "" ); QgsVectorSimplifyMethod simplifyMethod = m_layer->simplifyMethod(); simplifyMethod.setSimplifyHints( QgsVectorSimplifyMethod::NoSimplification ); simplifyMethod.setThreshold( 1 ); simplifyMethod.setForceLocalOptimization( true ); simplifyMethod.setMaximumScale( 1 ); layer->setSimplifyMethod( simplifyMethod ); layer->triggerRepaint(); m_mapCanvas->refresh(); // 改成你自己的 map canvas}
若文中有错误,请不吝指正,谢谢!