RadarChart - add straight "spider" lines (similar to CircularGridLines) · uber/react-vis#1009

(4 评论) (0 反应) (0 负责人)JavaScript (8,615 star) (868 fork)batch import

enhancementhelp wanted

描述

Right now, it's possible to create a "spider" chart by using RadarChart and adding invalid data. See the "Radar Chart with Tooltips" showcase for an example:

In this example, the chart uses 6 dummy data entries to draw the 6 polygons before adding the real polygon. This is a little clunky.

It would be nice to have something like CircularGridLines (maybe StraightCircularGridLines?) to optionally add to the RadarChart. Consider the following example: a radar chart has 5 domains, each have a range of 0-5. The data you want to represent has a perfect 5 in all 5 domains. The CircularGridLines would make it look like the data is lacking - not a perfect 5/5/5 - due to the space between the polygon's straight lines and the rounded grid lines. Straight lines would more accurately depict the data.

贡献者指南

技术栈: javascriptreact
领域: frontenddata
议题类型: feature
难度: 3
预计时间: 1-2 days
活动状态: stale
清晰度: mostly clear
前置要求: Reactreact vis componentsdata visualization
新手友好度: 60
研究方向: The issue requests a new component similar to CircularGridLines but with straight lines for RadarChart. Start by examining the existing CircularGridLines component's implementation and API in the react vis source code (likely in src/plot/gridlines/). Understand how RadarChart renders its axes and how the polygon lines are drawn. The goal is to create a StraightGridLines component that can be optionally added to RadarChart. Consider whether to reuse or extend CircularGridLines or create a separate component. The issue mentions that currently users add dummy data to achieve straight lines; the new component should eliminate that workaround. Review any comments on the issue for additional context or design suggestions.