[eshan_23]

@shashiranjan is it still not possible?

[eshan_23]

@vishwas is there any tweak we can use to build a heatmap? or you guys are planning to have it in library itself?

[eshan_23]

Is there any way I can show the tooltip for filled region?

[eshan_23]

@adithya-menon, the approach of manually configuring y-values doesn’t seem very intuitive and robust to me. I observed that on most places the second y-value was 0.4, but in few places it was changed like you said. In real world scenario I’ll get these values via an api which will return me an array of x,y values, which is suitable for area chart, like I’ve mentioned before. How will this approach work in real world scenario? That would require me to manually change values I’ll be getting from the api. Doesn’t seem practical to me. Is there any other way?

[eshan_23]

@adithya-menon this approach looks good, but there’s a weird spike in y=0.4, on right hand side, which shouldn’t be there. Also is that a bug with area type chart? The issue of more than 250 points?

[eshan_23]

@adithya-menon, I confirmed it by changing chart type to line type, the points form an enclosed shape. Even if I randomly remove the points , trimming the number of points to be less than 250, it works well. The area chart makes the desirable shape.
Also I have used 3-4 set of datapoints till now, they all break if they’re greater than 250 points.

[eshan_23]

@adithya-menon did you looked at this? Is it a bug or am I doing something wrong?

[eshan_23]

@adithya-menon here’s the example JSFiddle- JSFIDDLE

[eshan_23]

@adithya-menon

The above example helped me, and it was a good solution. I have observed one bug/abnormal behaviour though. As long as area chart has less than 250 datapoints, it works well. But when it has more than 245-250 points, the area curve plots very very weirdly. I’m attaching an example jsfiddle- JSFiddle

When I randomly remove datapoints, and trim them to be kept below 250, then it works.

[eshan_23]

@vishwas I need help on something similar to above, my query is that I want to display polygons like shapes on a scatter chart. Pls refer Original Question. I’m getting data in form of an array of objects e.g [{x:4,y:9.0}], so for let’s say a polygon of sides 5 I’ll have 5 points. How can I show them as a shaded region over a scatter plot?

[eshan_23]

Hey @adithya-menon actually I understood this approach, but the one limitation that seems obvious to me is that I cant make points connected if they don’t have a high or low value, for eg, in your example 5 and 5.5 are in same line with high and low value on y-axis 400,550. suppose they are not in straight lines, and are in arbitrary positions where we can’t have a low and high value for the x value.

[eshan_23]

@adithya Thanks so much, this was helpful. But my use case is having the ability to draw polygon, the examples were for rectangle and triangle but I can’t understand how will I send values for dataPoints for a polygon. I tried experimenting with dataPoints but can’t understand how they’re making shapes.