uber / react-vis

Data Visualization Components
https://uber.github.io/react-vis
MIT License
8.72k stars 834 forks source link

Radar Chart Tick Formatting #958

Open tonyjmartinez opened 6 years ago

tonyjmartinez commented 6 years ago

Is it possible to remove or style the ticks on a Radar Chart?

I see examples of using the tickFormat() function on other charts. But when I log the values going into tickFormat() for a Radar Chart, I only see output from the value parameter which I'm able to change. But this doesn't let me change the ticks, just the values.

<RadarChart>
           tickFormat={(value, index, scale, tickTotal) => {                         
             console.log(value, index, scale, tickTotal);//value, undefined, undefined, undefined                            
             return value;                                                           
           }}  
</RadarChart>
hknowlton commented 5 years ago

For anyone looking for the solution - you can hide this with the style prop-

style={{ axes: { ticks: { fillOpacity: 0, strokeOpacity: 0 }, text: { display: 'none' } } }}