Migration Guide

Update to v16.0.0

With the release of v16.0.0, some changes have been made regarding the usage of chart components. It's important to ensure that your components are using the correct types following the update.

Changes in Chart Component Usage

In previous versions like v15.x.x, you might have implemented an AreaChart with a StackedAreaSeries as demonstrated below:

<AreaChart
  data={multiDateData}
  xAxis={<LinearXAxis type="time" />}
  yAxis={<LinearYAxis />}
  series={
    <StackedAreaSeries
      line={<Line strokeWidth={3} glow={{ blur: 10 }} />}
      area={<Area glow={{ blur: 20 }} />}
      colorScheme={["#FAE5F6", "#EE4094", "#BB015A"]}
    />
  }
/>

For version v16.0.0, you need to switch to using StackedAreaChart when using StackedAreaSeries. The updated usage looks like this:

<StackedAreaChart
  data={multiDateData}
  xAxis={<LinearXAxis type="time" />}
  yAxis={<LinearYAxis />}
  series={
    <StackedAreaSeries
      line={<Line strokeWidth={3} glow={{ blur: 10 }} />}
      area={<Area glow={{ blur: 20 }} />}
      colorScheme={["#FAE5F6", "#EE4094", "#BB015A"]}
    />
  }
/>

Affected Components

This change impacts the following components, so be sure to update your implementation if you are using them:

• StackedAreaChart
• StackedNormalizedAreaChart
• StackedBarChart
• StackedNormalizedBarChart