fluentui
fluentui copied to clipboard
[ChartsV9] Add DataVizGradientPalette to DonutChart
Implemented DataVizGradientPalette and rounded corners to v9 DonutChart
New Behavior
Notable Changes:
- Added DataVizGradientPalette in
utilities/gradients.ts - Replaced
colorproperty withgradientinIDataPoint
New Usage
const data: IChartProps = {
chartData: [
{
legend: 'first',
data: 20000,
// new `gradient` prop
gradient: getGradientFromToken(DataVizGradientPalette.gradient1),
},
{
legend: 'second',
data: 39000,
// custom gradient
gradient: [ '#ff88cc', '#db3794' ],
},
],
};
// ... in render method
<DonutChart
data={data}
// ... other props
/>