nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Help: Drawing bar or pie charts on the map from feature layer!

HannesRömer

Hallo,

I am very new to the ArcGIS API for Flex. I am working with FlashBuilder to develop my web-map application. I try to draw pie charts or bar charts from two attribute fields in my feature layer, to illustrate parking occupancy. In the code gallery, I found the example from EEA, so it should be possible.

http://www.eea.europa.eu/themes/water/interactive/soe-rl

However, till now, i didn't find a way how to do this. In the references i only find a way to draw chars in a popup.

(I already had the problem with the conversion of my msx to a msd. Here the applied chart symbology for the shape file involved was not supported for this conversion process. Thus, I thought there is a way to re-edit the feature layers within the Flex API.)

Thank you for your help!

Encuentra más publicaciones etiquetadas con

Accepted answers

HannesRömer

Thank you very much, for you great support. Unfortunately I didn't manage to open this mxml so far , I got the message:

file not found: "path\StackedBarSymbol.html" In the table below I see: error: Unknown Flex SDK: "Flex 4.5.1"

I simply imported the fxp file in flash builder and created a project called StackedBarSymbol_1.

What went wrong?

All comments

RobertScheitlin__GISP

Hannes,

Sure you can all you need to do is extend the APIs Symbol for this purpose.

Here is a FXP that you can import into Flash Builder (once you unzip it) and it contains a project that shows exactly what you are attempting to do by extending symbol.

Don't forget to click the Mark as answer check and to click the top arrow (promote) as shown below:

StackedBarSymbol.zip

HannesRömer

Hello again,

I fixed the problem, I changed the compiler settings in the project and it works. The project looks nice, the next objective is to find a way to normalize the total length of each bar with an attribute field in the feature layer....

Thanks so far.

Hannes

RobertScheitlin__GISP

Hannes,

Glad you got it working. But yo missed the most important part of the instructions below ( the very first step in the image):

Don't forget to click the Mark as answer check as shown below:

HannesRömer

Robert,

I guess you mean the evaluation issue. I hope this works now...I would give you the best mark 🙂

First, the example you gave me works excellent, but I do have a problem, when I want to apply this example to my own feature layer. Here I am using two columns in floating format ("area" and "area_usage") in my feature layer. This feature layer is a polygon file and when I compile it ("test.mxml"), I don't see the feature layer in the browser. Maybe I have to make some changes to the *as file "StackedBarSymbol"?

So I attched the 31012012.fxp with the "test.mxml" which is of my interest, maybe you can see the problem.
I also attached the metadata of my featurelayer (*xml), copied from the rest link - maybe he problem is here.

Thank you!

Hannes

Or

feature layer.txt.zip

31012012.zip

RobertScheitlin__GISP

Hannes,

Yes the custom symbol I built is expecting a Point feature not a polygon. Do you think you can handle that?

HannesRömer

Robert,

mmh, I see. Unfortunately my background in programming is very low and I think I would need several days too weeks to handle this issue.

First I tried to replace "mappoint" with "polygon" to get the right geometry. But this would be too simple as there is a need to adjust outline color and background color of the polygon. And I would need a way to define size of the stacked bar using a normalization field from the feature layer....

However, you decide which capacities you have for this issue or whether you think my concern is too much for a simple support question...

Thanks! Hannes

RobertScheitlin__GISP

Hannes,

What exactly do you mean by this

And I would need a way to define size of the stacked bar using a normalization field from the feature layer....

Currently you are allowed to define the height and width of the symbol. Changin the MapPoint to a Polgon is that what you want to do, you need to get a MapPoint from the Polygon as all you need is a XY of where to draw the stacked symbol. This symbol is for drawing the stacked bar if you want the polygon to be drawn as well then you have to add the layer agin using a standard SimpleFillSymbol as the renderer.

HannesRömer

Hello again,

sorry for my english. I like to draw a stacked bar chart, where the height or size of the bar is not a fixed value, but is defined by a normalization field. For example, I like to draw the parking occupancy as a stacked bar chart. I use the field "occupied" and "free" as percentage values to create the stacked bar chart. The total area (in ha) of the parking space is used to define the total length of the respective bar.

I hope this is more clear now.
Regards,

Hannes

RobertScheitlin__GISP

Hannes,

I'm not real sure on the normalizing the height... I understand what you are wanting I think but right now that might be beyond what I have time to commit to this thread.

As far as your data actually being a polygon and not a point this should take care of that:

Update for the StackedBarSymbol.as

        override public function draw(sprite:Sprite, geometry:Geometry, attributes:Object, map:Map):void
        {
            const width2:Number = m_width / 2.0;
            const height2:Number = m_height / 2.0;
            
            const sx:Number = (m_centerX.valueOf())? 0 - width2 : 0;
            const sy:Number = (m_centerY.valueOf())? 0 - height2 : 0;
            
            const osx:Number = sx - m_offsetX;
            const osy:Number = sy - m_offsetY;
            
            var mapPoint:MapPoint
            if (geometry is MapPoint){
                mapPoint = MapPoint(geometry) as MapPoint;
            }else if (geometry is Polygon){
                mapPoint = Polygon(geometry).extent.center;
            }
            
            sprite.x = toScreenX(map, mapPoint.x);
            sprite.y = toScreenY(map, mapPoint.y);
            sprite.width = m_width;
            sprite.height = m_height;
            sprite.alpha = m_alpha;
            var field1Val:Number = attributes[m_field1] as Number;
            var field2Val:Number = attributes[m_field2] as Number;
            var cTotal:Number = field1Val + field2Val;
            
            var field1ValHgt:Number = (field1Val / cTotal) * m_height;
            var field2ValHgt:Number = (field2Val / cTotal) * m_height
            
            sprite.graphics.beginFill(m_color1, m_alpha);
            sprite.graphics.drawRect(osx , osy, m_width, field1ValHgt);
            sprite.graphics.endFill();
            sprite.graphics.beginFill(m_color2, m_alpha);
            sprite.graphics.drawRect(osx, osy + field1ValHgt, m_width, field2ValHgt);
            sprite.graphics.endFill();
        }
    }

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.