I have a fully functioning dual level pie chart with 2 categories. And, a measure to be displayed on tool-tip. But, the tool-tip also displays the inner circle when hovered over outer circle. I am trying to make the tool-tip display only that specific circle it is hovered at.
This is the chart. Here, pest and disease are 1 category and leaf spot, cut worm etc are the second one. What do i do so that outer circle doesn't display the inner circle along with it?
This is how it looks when i hover mouse over inner circle.
And, this is how it looks when i hover it over the outer circle.
You can see the tool-tip shows as to what category the outer circle(category) belongs to. I just want that part to be hidden.
PS: I am using highcharts with this.
Related
I have the shapes (Rectangle, Ellipse and Polygon) that can overlap. I want to be able to select the inner shape inside the bigger one. If the bigger one is at the top, there is no way I can select the inner shape. I can't hover over it, click it or drag it. Is there any way to solve the issue?? If we look at the figma, if the shapes or whatever are overlapping we can double click and we are able to select the inner shape. Is there any similar way to do that in react konva??
In Konva.Stage there is the getAllIntersections method which will give a list of all of the shapes at any point on the stage. From here you could make UI to show the shapes and allow the user to select the specific shape to be transformed. The shape can then be dragged or sized as needed.
I want to draw a bubble chart using Highcharts with an arrow or a pointer that points to a certain position on the circumference of the bubble depending upon a data value.
Think of it like this: each bubble is like a gauge without any calibrations. It has just a dial which points to a single point on the bubble surface, preferably on the inside.
This is an example image of the bubble for reference:
Is this possible? Or am I reaching?
I got an answer from the Highcharts forum where I'd posted the same question:
http://forum.highcharts.com/highcharts-usage/bubble-charts-with-arrow-pointers-t36575/
Couldn't show the value of point on the red line which is covered black circle.
Probably, near points are squishing each other. Is there a solution for fixing this ? Showing it in tooltip not a solution for my task.
I am using openlayers-3 modify interaction to edit vector layers. When a polygon/polyline is being edited, if mouse is close to a line segment, a small circle is drawn and dragging it creates a new vertex or moves an existing vertex, depending on where on the segment I was hovering.
Now, sometimes this is very difficult to understand if I am hovering on an existing vertex, or on middle of a segment. I have thought about two solutions to the problem:
Highlight the segment I am hovering with a different style so that I
can see its edges.
When hovering on an vertex, style the small
circle with a different style.
Is there a way to achieve any of the two?
It can be done changing the interaction condition like:
var selectPointerMove_Highlight = new ol.interaction.Select({
condition: ol.events.condition.pointerMove
});
map.addInteraction(selectPointerMove_Highlight);
I have an online example.
When I zoom in on a series in highcharts, I've noticed that the first visible point of the series is where it starts to draw. This means that if the only point in the visible zoomed area is in the middle, then the line for that series only starts to draw in the middle of the window. Is there a way to make Highcharts render the previous value so that it does not "cut off" the previous values of the graph?
Before, zoomed out:
After, zoomed in (problem):
Desired:
I have tried setting cropThreshold and connectNulls (just in case) among other tweaks with no luck. Any suggestions?