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

Tea Cup Diagram - Fill Symbol with color based on value

RickeyFight

I want to fill a symbol or on a map or a filled shape chart using esri data.

I have been requested to make it like a tea cup diagram.

I know this is a static image but was wondering if there is a way to do this dynamically.

https://www.usbr.gov/pn/hydromet/roguetea.html

タグ付きの投稿をもっと見る

Accepted answers

All comments

AnneFitz

You should be able to accomplish this using CIMSymbols. Here's an example: https://developers.arcgis.com/javascript/latest/sample-code/cim-primitive-overrides/

RickeyFight

@AnneFitz Do they have to be dots or can they be a different symbol?

AnneFitz

No they don't have to be dots! Can be any point symbol - or lines and polygons can follow the same pattern, using CIM primitive overrides to override the symbol properties based on data values.

RickeyFight

@AnneFitz I will look into this thanks

PeterPucz

@RickeyFight Did you end up figuring out a solution to creating a tea cup diagram? I am currently trying to create the exact same thing. I've created a tea cup with the CIMSymbols but trying to figure out an efficient solution for filling the cups.

AnneFitz

This blog might be some help - https://www.esri.com/arcgis-blog/products/js-api-arcgis/mapping/how-to-create-a-sparkline-map-with-the-arcgis-api-for-javascript/

In this app, the developers updated the underlying geometry of the vector marker symbol to create a sparkline based on the provided data. I think a similar concept could probably be applied in order to fill the teacup.

Keep me updated on your progress! Would love to see the finished product.

RickeyFight

@PeterPucz

I did not.
I ended up using esri dashboard and making this https://experience.arcgis.com/experience/4a5e89ec2e1b4757990d23b31b38c07f/page/Page-1/

会話に参加する

サインインしたメンバーは投稿、更新のフォローなどができます。初めてですか？無料アカウントを登録してください。

クイックリンク

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