Comments (3)
I'm aware that the gridlines feature is in progress
It's done, available in the v7: https://next.mui.com/x/react-charts/axis/#grid
I noted that many other style customizations work perfectly, which made me suspicious that I'm missing something 😐
Yes, ll the styles should work. It's an SVG limitation. The only way to have those rounded corner is to render a <path />
instead of a <rect />
.
do we plan on adding more sophisticated styling/shaping possibilities to charts?
We could create a slot component for the bars which uses a path instead of a rect to support rounded corner, but seems very edge case. For example Reachars does not propose such solution, and Nivo use the rx
, ry
you suggested.
Putting that as waiting for upvote
from mui-x.
@mbond-SCW this is currently only possible by adding rx
and/or ry
to slotProps.bar
:
slotProps={{
bar: {
rx: 10,
ry: 20,
},
}}
But given the nature of these attributes you can only apply these to all corners.
Would that be sufficient for you?
@alexfauquette do we plan on adding more sophisticated styling/shaping possibilities to charts?
from mui-x.
I can work with that, ty!
from mui-x.
Related Issues (20)
- [Datagrid v7] Layout shifts when loading data with autoHeight=true HOT 1
- [charts] How to avoid component overflow when using composition HOT 5
- [DataGrid] Custom Scrollbar HOT 1
- [data grid] Quick Filter is not correctly applied to dynamically added columns HOT 2
- [TreeView] `RichTreeView` throws error when using dynamic items HOT 3
- Unable to use the the mui/x-chart after install HOT 1
- [data grid] Grid column header violates accessibility rule - Name, Role, Value (Level A) HOT 1
- [pickers] 5-4-5 Calendar (US Retail) HOT 2
- Search bar is loosing focus on when we use custom multiselect component with filter model HOT 1
- [pickers] DateCalendar broken, even on MUI website HOT 8
- [charts] Bar chart axis issues HOT 3
- [data grid] Is it possible to support copyValueParser in DataGrid? HOT 5
- Sorting in not working when we click on up arrow icon HOT 1
- [pickers] DateField behavior is impacted by the year format HOT 2
- [Charts] Support BarChart with scaleType: time HOT 3
- Charts legend rounded symbols HOT 3
- Closing the calendar fires both onOpen and onClose events. (MUI 5) HOT 5
- [charts] PieChart crashes on hover when changing data HOT 5
- Closed HOT 2
- [data grid] renderCell position offset in case of display:flex HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from mui-x.