[charts] Allow to add className to series

[smmoosavi]

Summary

It would be good if we could add className or sx to the series directly. especially when ID is dynamic

<LineChart
        sx={{
          '& .tx-line': {
            strokeDasharray: '10 5',
          },
        }}
        series={devices.flatMap((device, index) => [
          { id: `${device}_rxBytes`, dataKey: `${device}_rxBytes`, color: colors[index], className: 'rx-line' },
          { id: `${device}_txBytes`, dataKey: `${device}_txBytes`, color: colors[index], className: 'tx-line' },
                                                                                   // or sx: {strokeDasharray: '10 5'}
        ])}
/>

Examples

No response

Motivation

Make it easier to customize and add style to some lines (not all lines)

Search keywords: linechart classname

[michelengelen]

Hey @smmoosavi ... Adding a className would be a great addition. Not sure if sx is feasible though. I did add it to the board for the charts team to have a look. 👍🏼