diff --git a/packages/react-components/src/Chart/Line.tsx b/packages/react-components/src/Chart/Line.tsx index 1296c07373..3e25c77e27 100644 --- a/packages/react-components/src/Chart/Line.tsx +++ b/packages/react-components/src/Chart/Line.tsx @@ -35,7 +35,7 @@ interface Config { const COLORS = ['#ff8c00', '#008c8c', '#8c008c']; -const chartOptions: ChartOptions = { +const BASE_OPTS: ChartOptions = { animation: { duration: 0 }, @@ -85,7 +85,10 @@ function calculateOptions (colors: (string | undefined)[] = [], legends: string[ return { chartData, - chartOptions: objectSpread({}, chartOptions, options) + chartOptions: objectSpread({}, BASE_OPTS, options, { + // Re-spread plugins for deep(er) copy + plugins: objectSpread({}, BASE_OPTS.plugins, options.plugins) + }) }; }