53 questions
0
votes
0
answers
6
views
Mui-x Line Chart sliding animation
In my chart, when the number of series reaches 10, I remove the first element of my array and continue working with an array of 10 elements. However, the animation in the chart happens on both the x ...
0
votes
0
answers
59
views
Composition of line / bar charts with horizontal layout
I'm currently working on MUI charts and wonder if it is possible to have both line and bar charts on the same container, with horizontal bar chart.
I have no issue to have the basic composition (see ...
0
votes
1
answer
84
views
Duplicate entries in X axis when Zooming Out on Mui Line Charts
Trying to use the MUI Line Charts and when implementing it make it responsive BUT, for some reason i dont know, when zooming out it duplicates the X axis entries it has, in this case i have the months ...
- 11
1
vote
0
answers
173
views
several custom positioned labels for MUI Bar Chart
I have a MUI Bar Chart, but I need some custom labels at a certain position. This is the design I want to develop:
so far I'm at this point and bar chart is rendered:
Unfortunately I cannot find a ...
- 25
0
votes
1
answer
61
views
barchart x-charts react barLabel="value" not working
[![Barchart which requires barLabel to be added][1]][1]
[1]: https://i.sstatic.net/LhCRWshd.png
I wanted to add barLabel(i.e, values on the bars as marked in red on bars)
but I am not able to get ...
- 41
0
votes
1
answer
119
views
MUI Sparkline: show the showHighligh always and with different colors based on condition
I have a sparkline chart from MUI for react as follows
import * as React from 'react';
import Stack from '@mui/material/Stack';
import Box from '@mui/material/Box';
import { SparkLineChart } from '@...
- 689
0
votes
2
answers
263
views
Change size of MarkElement in MUI x-charts
I want to inject a custom MarkElement via the slots.mark property. How can I change the size of the MarkElement?
const slotsMark = (props: MarkElementProps) => {
return (
<...
3
votes
0
answers
197
views
How to export react mui charts as PDF from the server side
Im using mui to draw charts in my frontend, specifically a barchart and a piechart and i would like to know how can i export them from the backend as pdfs, im currently using pdfmake but i cant really ...
- 31
2
votes
2
answers
511
views
Styling popover/tooltip in mui graphs
Has anyone had any luck customizing the styles for the popover/tooltip in mui charts?
This feels like something that should be relatively simple, but I've looked everywhere and while I've found plenty ...
- 755
0
votes
1
answer
241
views
How to style two different set of texts in MUI X gauge component
const currCal = 10;
const percentageCal = 10;
return (
<div>
<Gauge
value={percentageCal}
width={250}
height={250}
...
- 71
0
votes
1
answer
342
views
React MUI BarChart Colorizing
I want to create a bar chart where each category (e.g., "Oral Ambalaj", "Onkolotik", etc.) has a single value. Each category should be displayed in a different color, and all ...
- 25
0
votes
0
answers
94
views
Can't change the color of the xAxis value in tooltip with a composed line chart
I'm trying to change the color of the text inside the tooltip. But nothing seems to work.
Here is my chart:
<ResponsiveChartContainer
sx={{
cursor: 'pointer',
'& ....
- 1
0
votes
2
answers
896
views
Displaying text on top of bars in MUI X BarChart
I'm using the <BarChart> component from @mui/x-charts (version "^6.19.1") and I want to display the data values on top of each bar for better readability.
Current Output:
enter image ...
0
votes
1
answer
187
views
How to add horizontal gauge chart on muix charts?
I am trying to create a horizontal gauge chart using muix chart library. Attached is the type that exists on mui chart and the one I am trying to create.
Gauge chart from muix charts
Horizontal gauge ...
1
vote
1
answer
180
views
Unexpected token 'export' when using MUI X Charts in a Remix app
I am trying to use MUI X Charts in a shopify remix app, but am unable to render a chart due to the following error:
export * from './constants';
SyntaxError: Unexpected token 'export'
Not quite sure ...
- 46