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; } } }

thematic-widget-flex

LloydHeberlie

This is the forum for asking questions related to the ArcGIS Viewer for Flex ThematicWidget hosted on GitHub (https://github.com/Esri/thematic-widget-flex/) and referenced on ArcGIS.com.

Encuentra más publicaciones etiquetadas con

Accepted answers

All comments

TrevorOlexy

Wonderfully useful widget for me and my client! Now, is it possible to set the drawing order of the thematic map layer? I would like to display other information/layers on top of the themed and symbolized map but cant seem to find the drawing order parameter and it isnt affected by the layer list widget. Possible?

DJ_ULCGIS

Lloyd,

Thanks for a fantastic widget. Exactly what I am looking for. My application is working well except that I would like to draw a point layer on top of the thematic layer drawn by the widget. At present, the point layer draws below the thematic layer, such that when the transparency of the thematic layer is set to 0%, the point layer is invisible. Cannot seem to figure out how to implement this. Any suggestions?

Many thanks,

DJ Biddle

fadelaafir

Hello, I'm use the thematic widget, but there is problem on ligende, it gives null values.

I use ArcGIS 10.2 and ArcGIS API for Flex 3.7

thank you for your help

fadelaafir

I try to make an area classification, but it gives null, help me please

LloydHeberlie

I just re-published my service with 3.0 hot pink outlines to test. It first draws it with them and then overwrites with the typical 1.0 black.

Hi Ray,

Setting the base symbol should do the trick. See lines (GenerateRenderer_SetOutline.mxml#L96 and GenerateRenderer_SetOutline.mxml#L140).

Hope this helps.

Lloyd

RayCrew

Raymond,

I do not think that the GenerateRendererTask that this widget uses give any ability to specify the outline style attributes.

Doc:
https://developers.arcgis.com/flex/api-reference/com/esri/ags/tasks/GenerateRendererTask.html

I just re-published my service with 3.0 hot pink outlines to test. It first draws it with them and then overwrites with the typical 1.0 black.

RobertScheitlin__GISP

Raymond,

I do not think that the GenerateRendererTask that this widget uses give any ability to specify the outline style attributes.

Doc:
https://developers.arcgis.com/flex/api-reference/com/esri/ags/tasks/GenerateRendererTask.html

RayCrew

Control Default Symbology

What controls the default symbology when you start the Thematic Widget? I know how to control the default color ramp and number of classification breaks, but what about the outline of the polygons.

I thought it might be based on what the service has listed in Drawing Info: >> Renderer:, but it does not. Mine is set up with 1.0 thick light gray borders (204,204,204) but mine always draws with black (0,0,0) and 1.0 thickness border.

RayCrew

You could hardcode the color picker to only contain specific colors, if that would help out. Or did you want the user to select only particular ramps that you have defined?

How would you hard code the color picker? That would help, but yes I would rather specify just four or five color ramps for the users to choose from.

GISDev1

Is it possible to restrict the color ramps users can choose? I know it is possible to set the default ramp, but would like to restrict the ability of the user to choose their own colors.

You could hardcode the color picker to only contain specific colors, if that would help out. Or did you want the user to select only particular ramps that you have defined?

RayCrew

Is it possible to restrict the color ramps users can choose? I know it is possible to set the default ramp, but would like to restrict the ability of the user to choose their own colors.

RayCrew

There is an issue on the GitHub repo related to this, please help identify the issue. I need more information to know if it is an issue with the Legend skin or the version of ArcGIS Server you are using. I am currently not seeing this issue when using the service from sampleserver6.

As I stated above, I am not experiencing this reported issue. I was asking if it this issue was fixed. Based on your and my experience, I suspect it was fixed but not noted in the change log.

LloydHeberlie

It was reported in a thread from April 2013 this widget could not work on double fields.

Based on what I am experiencing, not being able to use double fields is either inconsistent or was addressed in a later release. I am using version 3.6 and am able to display double data as shown below.

Does anyone know if I am taking a risk it will fail or has it been fixed? It is not mentioned on the change log.
[ATTACH=CONFIG]30371[/ATTACH]

There is an issue on the GitHub repo related to this, please help identify the issue. I need more information to know if it is an issue with the Legend skin or the version of ArcGIS Server you are using. I am currently not seeing this issue when using the service from sampleserver6.

RayCrew

It was reported in a thread from April 2013 this widget could not work on double fields.

Based on what I am experiencing, not being able to use double fields is either inconsistent or was addressed in a later release. I am using version 3.6 and am able to display double data as shown below.

Does anyone know if I am taking a risk it will fail or has it been fixed? It is not mentioned on the change log.
[ATTACH=CONFIG]30371[/ATTACH]

doubleworks2.png

LloydHeberlie

Does this support bubble maps? (Point Dynamic Layers) Would be very useful if it did. Thanks for sharing this, very nice widget.

Hi,

I am glad you find the widget useful. Unfortunately, it does not support the concept of "bubble maps".

BrentFoster

Does this support bubble maps? (Point Dynamic Layers) Would be very useful if it did. Thanks for sharing this, very nice widget.

ShepardSorrell

Idea entered and Support Incident created. Thanks for the help.

ShepardSorrell

Hi Skip,

I wanted to implement this when I was writing the samples and widget. Unfortunately if the server is performing the labeling, there aren't many options other than what is listed with the labelExpression. See the REST API link below.
ArcGIS REST API - label

You can see more advanced samples below:
LabelOptions Wizard
Dynamic labeling
Dynamic labeling - advanced

Here is the Flex doc:
Flex API doc - LabelClass
Flex API doc - LabelOptions

Can you please submit a support incident for this? This will create a internal tracking number for this issue which will be reviewed by the server team. The more customers that request this functionality will raise its priority to implement. Can you also create a suggestion on the ideas site?

Thank you,

Thanks for the links Lloyd. I'm not quite to the level of working in the source documentation yet but I think I'm getting there.
I'll submit the support incident and put a note on the ideas site. Thanks for building this widget. It's really handy.
Skip

ShepardSorrell

This can be done pretty easily in the source code.
Are you using Flash Builder or only editing the .xml files or using the Flex Application Builder?

Thanks for the quick response.
I'm currently just editing in either the Application Builder or directly in the xml for the widget.

LloydHeberlie

Hi Lloyd,
Can the dynamicLabels be given more formatting such as making them currency with thousands comma's and 0 decimal places?
I haven't been able to find other tags I can use to do such formatting.
Any help you can direct me to would be much appreciated.

Skip

Hi Skip,

I wanted to implement this when I was writing the samples and widget. Unfortunately if the server is performing the labeling, there aren't many options other than what is listed with the labelExpression. See the REST API link below.
ArcGIS REST API - label

You can see more advanced samples below:
LabelOptions Wizard
Dynamic labeling
Dynamic labeling - advanced

Here is the Flex doc:
Flex API doc - LabelClass
Flex API doc - LabelOptions

Can you please submit a support incident for this? This will create a internal tracking number for this issue which will be reviewed by the server team. The more customers that request this functionality will raise its priority to implement. Can you also create a suggestion on the ideas site?

Thank you,

GISDev1

Hi Lloyd,
Can the dynamicLabels be given more formatting such as making them currency with thousands comma's and 0 decimal places?
I haven't been able to find other tags I can use to do such formatting.
Any help you can direct me to would be much appreciated.

Skip

This can be done pretty easily in the source code.
Are you using Flash Builder or only editing the .xml files or using the Flex Application Builder?

ShepardSorrell

Hi Lloyd,
Can the dynamicLabels be given more formatting such as making them currency with thousands comma's and 0 decimal places?
I haven't been able to find other tags I can use to do such formatting.
Any help you can direct me to would be much appreciated.

Skip

ShepardSorrell

Hi Lloyd,
I'm having trouble with the widget not using the colors I entered for the High and Low range values. It seems to default back to two of the five colors from the config file. (charcoal and yellow used in the background and title text).

I'm on ArcGIS Server 10.1, ArcGIS 10.1, Flex Viewer 3.5 and Thematic Widget 3.5.

I had gotten it working in 3.4 but then my coworker and I wanted to be on the same version so I upgraded my Viewer and Thematic and now I can't get it working again.

I just noticed that the color ramp entries have moved to within the <layer> tag. I tried editing the xml so the census data would render with my colors but that didn't seem to work.

ThematicWidget_1.xml is below and can get my layer service file or the config.xml if you need it.
Thanks,
Skip

<?xml version="1.0" ?>
<configuration>
    <layers>
        <layer>
            <url>http://agis.fca.local/arcgis/rest/services/InternalApps/CommodityScramble/MapServer</url>
            <name>ScrambleComm</name>
            <classificationLayerName>CommScramble</classificationLayerName>
            <classificationLayerID>0</classificationLayerID>
            <classificationMethodTypeDescs>Natural Breaks,Quantile,Equal Interval</classificationMethodTypeDescs>
            <classificationMethodTypes>esriClassifyNaturalBreaks,esriClassifyQuantile,esriClassifyEqualInterval</classificationMethodTypes>
            <classificationFieldTypeDescs>Cattle, Ag Export Finance,Communication, Dairy Farms, Feedlots, Farm Supply Marketing, Energy Water Waste, Hogs, Fish, Other Livestock, Other Crops, Field Crops, Poultry Eggs, Forestry, Tree Nuts, Rural HomeLoans</classificationFieldTypeDescs>
            <classificationFieldTypes>Cattle,Agricultural_Export_Finance,Communication,DairyFarm,Feedlot,FarmSupplyMarketing,Energy_and_Water_Waste,Hogs,Fish,OtherLivestock,OtherCrops,FieldCrops,PoultryEggs,Forestry,TreeNuts,Rural_Home_Loans_Landlords</classificationFieldTypes>
            <classificationBreaksMin>4</classificationBreaksMin>
            <classificationBreaksMax>12</classificationBreaksMax>
            <classificationBreaksDefault>5</classificationBreaksDefault>
            <dynamicLabelingPlacement>esriServerPolygonPlacementAlwaysHorizontal</dynamicLabelingPlacement>
            <dynamicLabelingMinScale>18489298</dynamicLabelingMinScale>
            <dynamicLabelingFontColor>0x191919</dynamicLabelingFontColor>
            <dynamicLabelingFontFamily>Verdana</dynamicLabelingFontFamily>
            <dynamicLabelingFontWeight>normal</dynamicLabelingFontWeight>
            <useproxy>false</useproxy>
        </layer>
    </layers>
    <ui>
        <widget_dimensions>
            <width>350</width>
            <height>260</height>
        </widget_dimensions>
        <icons>
            <base_url>widgets/Thematic/assets/images/</base_url>
            <main_icon>i_thematic_icon.png</main_icon>
            <main_label>Main Panel</main_label>
            <settings_icon>i_options.png</settings_icon>
            <settings_label>Settings Panel</settings_label>
        </icons>
        <transparency>
            <comp_label>Transparency</comp_label>
            <defaulttransparency>0.7</defaulttransparency>
        </transparency>
        <color_ramp>
            <classificationToColorRampDisplay>Higher values</classificationToColorRampDisplay>
            <classificationToColorRamp>0x336633</classificationToColorRamp>
            <classificationFromColorRampDisplay>Lower values</classificationFromColorRampDisplay>
            <classificationFromColorRamp>0xccff99</classificationFromColorRamp>
        </color_ramp>
        <classification>
            <methodsLabel>Classification</methodsLabel>
            <fieldsLabel>Based on</fieldsLabel>
            <breaksLabel>Number of classes</breaksLabel>
        </classification>
        <dynamicLabels>
            <dynamicLabelsEnabledLabel>Labels</dynamicLabelsEnabledLabel>
            <dynamicLabelsOnLabel>Hide</dynamicLabelsOnLabel>
            <dynamicLabelsOffLabel>Show</dynamicLabelsOffLabel>
        </dynamicLabels>
    </ui>
</configuration>

LloydHeberlie

Hi
I'm use the thematic widget and the legend are not display the values. The widget work normally just the values in the legend appear null.

Hi Francisco,

Can you provide more useful information? It was working, now it isn't? What version of ArcGIS Server are you using? Are you using versions 3.5 of the Viewer and widget?

Do you know how to use a tool like Charles Web Debugging proxy, Fiddler for Internet Explorer, Firebug for Firefox, or the Chrome Developer Tools?

I've attached a text file that represents the request/response similar to what you should be seeing when using the tools mentioned above.

Hope this helps,

[ATTACH=CONFIG]29287[/ATTACH]

Legend-Request-JSON.txt.zip

FranciscoCardoso

Hi
I'm use the thematic widget and the legend are not display the values. The widget work normally just the values in the legend appear null.

LloydHeberlie

Version 3.5 has been released which fixes the issues previously posted and also adds an enhancement to support multiple layers within the same widget.

Layer and transparency issue
Multi-layer support

View it live: http://esri.github.io/thematic-widget-flex/
Download: https://github.com/Esri/thematic-widget-flex/releases

LindseyHays

Hi Lloyd,

I'm experiencing a issue similiar to the one described by jparke1. My client and I created a flexviewer which uses the widget. The widget is set to open at start. The widget opens but the layer that is configured with it does not load in automatically. If I go to the "More" button in the upper right hand corner and turn the Thematic layer on and off the data loads in just fine and I am able to use the widget and switch between catagories without a problem.

I recreated the issue on my client's machine (different ArcGIS Server, different set up, different REST service). The issue is also consistent across the major browsers (I get the same thing in IE, Firefox and Chrome) so its not an IE thing.

Interestingly enough I don't see this behavior with the sample service that comes with the code. A viewer created with the sample service http://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer loads the states in automatically at start without any issues.

I have to admit I am new to dynamic services and this is my first experience working with them. Is there some service parameter I need to turn on to get this thing to load automatically? Any help you could provide will be much appreciated.

Thanks,

Lindsey

LloydHeberlie

In working with the widget if I have it open at the start, I have to close the widget and reopen the widget before it will create a thematic map based on one of the attributes. If the widget is not open at the beginning of the application, I have to open it, close it, and open it again before it will recognize the attributes and display the symbology.

Here is my code.

Thanks in advance for your help.

<configuration>
    <layers>
        <layer>
            <url>http://gis-test/arcgis/rest/services/Parker/School_Aid_Flex_Registered/MapServer</url>
            <name>Thematic</name>
            <classificationLayerName>Schools</classificationLayerName>
            <classificationLayerID>0</classificationLayerID>
            <classificationMethodTypeDescs>Natural Breaks,Quantile,Equal Interval</classificationMethodTypeDescs>
            <classificationMethodTypes>esriClassifyNaturalBreaks,esriClassifyQuantile,esriClassifyEqualInterval</classificationMethodTypes>
            <classificationFieldTypeDescs>Budget Enrollment,Change in Enrollment</classificationFieldTypeDescs>
            <classificationFieldTypes>FY_2014_Budget_Enrollment,Est__Change_in_Enrollment</classificationFieldTypes>
            <classificationBreaksMin>4</classificationBreaksMin>
            <classificationBreaksMax>12</classificationBreaksMax>
            <classificationBreaksDefault>6</classificationBreaksDefault>
            <dynamicLabelingPlacement>esriServerPolygonPlacementAlwaysHorizontal</dynamicLabelingPlacement>
            <dynamicLabelingMinScale>18489298</dynamicLabelingMinScale>
            <dynamicLabelingFontColor>0x191919</dynamicLabelingFontColor>
            <dynamicLabelingFontFamily>Verdana</dynamicLabelingFontFamily>
            <dynamicLabelingFontWeight>bold</dynamicLabelingFontWeight>
            <useproxy>false</useproxy>
        </layer>
    </layers>
    <ui>
        <widget_dimensions>
            <width>300</width>
            <height>350</height>
        </widget_dimensions>
        <icons>
            <base_url>widgets/Thematic/assets/images/</base_url>
            <main_icon>i_thematic_icon.png</main_icon>
            <main_label>Main Panel</main_label>
            <settings_icon>i_options.png</settings_icon>
            <settings_label>Settings Panel</settings_label>
        </icons>
        <transparency>
            <comp_label>Transparency</comp_label>
            <defaulttransparency>0.9</defaulttransparency>
        </transparency>
        <color_ramp>
            <classificationFromColorRampDisplay>Lower values</classificationFromColorRampDisplay>
            <classificationFromColorRamp>0xCECECE</classificationFromColorRamp>
            <classificationToColorRampDisplay>Higher values</classificationToColorRampDisplay>
            <classificationToColorRamp>0x0D538A</classificationToColorRamp>
        </color_ramp>
        <classification>
            <methodsLabel>Classification</methodsLabel>
            <fieldsLabel>based on</fieldsLabel>
            <breaksLabel>Number of classes</breaksLabel>
        </classification>
        <dynamicLabels>
            <dynamicLabelsEnabledLabel>Labels</dynamicLabelsEnabledLabel>
            <dynamicLabelsOnLabel>Hide / Remove</dynamicLabelsOnLabel>
            <dynamicLabelsOffLabel>Show / Display</dynamicLabelsOffLabel>
        </dynamicLabels>
    </ui>
</configuration>

Hmm, I will take a look at this when I update for 3.5.

JohnParker

In working with the widget if I have it open at the start, I have to close the widget and reopen the widget before it will create a thematic map based on one of the attributes. If the widget is not open at the beginning of the application, I have to open it, close it, and open it again before it will recognize the attributes and display the symbology.

Here is my code.

Thanks in advance for your help.

<configuration>
    <layers>
        <layer>
            <url>http://gis-test/arcgis/rest/services/Parker/School_Aid_Flex_Registered/MapServer</url>
            <name>Thematic</name>
            <classificationLayerName>Schools</classificationLayerName>
            <classificationLayerID>0</classificationLayerID>
            <classificationMethodTypeDescs>Natural Breaks,Quantile,Equal Interval</classificationMethodTypeDescs>
            <classificationMethodTypes>esriClassifyNaturalBreaks,esriClassifyQuantile,esriClassifyEqualInterval</classificationMethodTypes>
            <classificationFieldTypeDescs>Budget Enrollment,Change in Enrollment</classificationFieldTypeDescs>
            <classificationFieldTypes>FY_2014_Budget_Enrollment,Est__Change_in_Enrollment</classificationFieldTypes>
            <classificationBreaksMin>4</classificationBreaksMin>
            <classificationBreaksMax>12</classificationBreaksMax>
            <classificationBreaksDefault>6</classificationBreaksDefault>
            <dynamicLabelingPlacement>esriServerPolygonPlacementAlwaysHorizontal</dynamicLabelingPlacement>
            <dynamicLabelingMinScale>18489298</dynamicLabelingMinScale>
            <dynamicLabelingFontColor>0x191919</dynamicLabelingFontColor>
            <dynamicLabelingFontFamily>Verdana</dynamicLabelingFontFamily>
            <dynamicLabelingFontWeight>bold</dynamicLabelingFontWeight>
            <useproxy>false</useproxy>
        </layer>
    </layers>
    <ui>
        <widget_dimensions>
            <width>300</width>
            <height>350</height>
        </widget_dimensions>
        <icons>
            <base_url>widgets/Thematic/assets/images/</base_url>
            <main_icon>i_thematic_icon.png</main_icon>
            <main_label>Main Panel</main_label>
            <settings_icon>i_options.png</settings_icon>
            <settings_label>Settings Panel</settings_label>
        </icons>
        <transparency>
            <comp_label>Transparency</comp_label>
            <defaulttransparency>0.9</defaulttransparency>
        </transparency>
        <color_ramp>
            <classificationFromColorRampDisplay>Lower values</classificationFromColorRampDisplay>
            <classificationFromColorRamp>0xCECECE</classificationFromColorRamp>
            <classificationToColorRampDisplay>Higher values</classificationToColorRampDisplay>
            <classificationToColorRamp>0x0D538A</classificationToColorRamp>
        </color_ramp>
        <classification>
            <methodsLabel>Classification</methodsLabel>
            <fieldsLabel>based on</fieldsLabel>
            <breaksLabel>Number of classes</breaksLabel>
        </classification>
        <dynamicLabels>
            <dynamicLabelsEnabledLabel>Labels</dynamicLabelsEnabledLabel>
            <dynamicLabelsOnLabel>Hide / Remove</dynamicLabelsOnLabel>
            <dynamicLabelsOffLabel>Show / Display</dynamicLabelsOffLabel>
        </dynamicLabels>
    </ui>
</configuration>

LloydHeberlie

How practical/possible is it to make this widget dynamic. So I can selected from all of my dynamic layers instead of having to hardwire only one layer into the code?

Hi Joe,

It is possible and practical, just not implemented yet. You can always implement it yourself, but I've added a GitHub issue to address this enhancement request also. I just didn't implement this functionality initially.

Ú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.