[charts] Handle undefined id and color in series

[bernardobelchior]

Handle undefined id and color in series.

Previously, a pattern like the following would result in an undefined fill property if condition is false:

series: [{
  color: condition ? '#ab12ef' : undefined,
}]

Now, it will use the default color. The same logic applies to the id property.

To work around that behavior, a user would need to do this, which is worse DX IMO:

series: [{
  ...(condition ? { color: '#ab12ef' } : {}),
}]

Results

Before:

Screen.Recording.2025-10-24.at.16.16.55.mov

After:

Screen.Recording.2025-10-24.at.16.17.27.mov

[mui-bot]

Deploy preview: https://deploy-preview-20087--material-ui-x.netlify.app/

Bundle size report

Bundle	Parsed size	Gzip size
@mui/x-data-grid	0B(0.00%)	0B(0.00%)
@mui/x-data-grid-pro	0B(0.00%)	0B(0.00%)
@mui/x-data-grid-premium	0B(0.00%)	0B(0.00%)
@mui/x-charts	🔺+61B(+0.02%)	🔺+17B(+0.02%)
@mui/x-charts-pro	🔺+76B(+0.02%)	🔺+31B(+0.02%)
@mui/x-charts-premium	🔺+76B(+0.02%)	🔺+27B(+0.02%)
@mui/x-date-pickers	0B(0.00%)	0B(0.00%)
@mui/x-date-pickers-pro	0B(0.00%)	0B(0.00%)
@mui/x-tree-view	0B(0.00%)	0B(0.00%)
@mui/x-tree-view-pro	0B(0.00%)	0B(0.00%)

Details of bundle changes

Generated by 🚫 dangerJS against 8d5c7ca

[codspeed-hq]

CodSpeed Performance Report

Merging #20087 will not alter performance

_{Comparing bernardobelchior:fix-null-id-color (8d5c7ca) with master (e8522b1)¹}

Summary

✅ 12 untouched
🆕 1 new

Benchmarks breakdown

	Mode	Benchmark	BASE	HEAD	Change
🆕	Simulation	SankeyChart with big data amount	N/A	134.4 ms	N/A

Footnotes

1. No successful run was found on master (9dd9268) during the generation of this report, so e8522b1 was used instead as the comparison base. There might be some changes unrelated to this pull request in this report. ↩