Automate Donut chart with cypress - hover

If you see the above Donut chart, there are 2 parts which mean the above half of the pic is an area and the bottom is an area.
When I select that specific area and perform a hover action, it still points at the middle of the area, but not over the arc (colored part)
Can anyone help me to perform a hover action, that points over the arc?

Related

how to give different styles of every different source of image

I have multiple images & I used only one image tag, and I am changing image source using useState on scroll event in reactjs, now I am trying to give style for every single source of the image, like zoom-in and zoom-out, so how can I make this.(first image)bulb image
(second shade image)
you can see the images I have three images single bulb, one shade, and two shades around the bulb so whenever you scroll down the page bulb will light up with the shade, first one shade and then the second shade around the bulb, so now I want to give the style for every shade of bulb. like shade will appear with zoom-in from the bulb

Progress bar with checkpoints - custom shape

I am making a custom progress bar(you could say a timeline) with checkpoints. Checkpoints are in the shape of a circle. There are 3 parts to this - 1. Circles, 2. Colored progress bar and 3. black progress bar.
I have stacked them with z-indices. Circles above colored bar which is above the black bar.
When I click on somewhere on the progress bar the colored bar expands it width to that point - did the animation on angular. But I couldn't find a way to fill up the circle when the colored bar reaches it. Is it possible to give the circle the color of the progress bar behind it?
The circle should fill up from left to right. Please suggest any method. I will give stackblitz link -
Stackblitz - demo.

Drawing to NSView within NSMenuItem is darkened

I am drawing a coloured circle within an NSView that is contained in an NSMenuItem. When I do so, the circle is drawn in a darker colour to the one I specify and when I add a subview with no drawing code, the area occupied by that view is drawn in the true colour, as illustrated by the image. Could someone explain to me why this is happening and how to fix it?
Many Thanks, Ben.

Actionscript 3, constrain "character" within bounds

So basically I have this point and clik game, the character moves where you click but I'd like to constrain its movements within a certain area, this could be easy if this area was a rectangle but to give a more tridimensional look to the backgroung i need this area to be more complex
see this image (blue= background, pink= bounding area (the floor)) :
any idea?

AS3 move image as the mouse moves

This probably will be very easy for some, but I am stuck on this. I have a map in a movieclip(mc_map) on stage and a small square which acts as a mask to the really bigger size of the same map. What I am want to do is that when I move the mouse on the mc_map(eg: say my cursor is on New York), the small sqaure window will unhide the same area, or will move that bigger image such that the same area is shown under the square mask. I also want to add another cursor(or crosshair) to the stage which is live only in the area of the square and replicates the position of mouse on map. Any help on this will be great thanks.
There are a lot of tutorials on this type of "magnify" effect. See if this one helps: http://www.flashuser.net/flash-actionscript-as3/create-a-magnifying-glass-in-actionscript-3-0.html