diff --git a/__mocks__/@carbon/charts-react/bar-chart-grouped.js b/__mocks__/@carbon/charts-react/bar-chart-grouped.js
new file mode 100644
index 0000000000..f1911a61d1
--- /dev/null
+++ b/__mocks__/@carbon/charts-react/bar-chart-grouped.js
@@ -0,0 +1,4 @@
+const React = require('react');
+
+module.exports = () =>
+  React.createElement('div', { id: 'mock-bar-chart-grouped' });
diff --git a/__mocks__/@carbon/charts-react/bar-chart-simple.js b/__mocks__/@carbon/charts-react/bar-chart-simple.js
new file mode 100644
index 0000000000..d44d7829ab
--- /dev/null
+++ b/__mocks__/@carbon/charts-react/bar-chart-simple.js
@@ -0,0 +1,4 @@
+const React = require('react');
+
+module.exports = () =>
+  React.createElement('div', { id: 'mock-bar-chart-simple' });
diff --git a/__mocks__/@carbon/charts-react/bar-chart-stacked.js b/__mocks__/@carbon/charts-react/bar-chart-stacked.js
new file mode 100644
index 0000000000..59e45bafd9
--- /dev/null
+++ b/__mocks__/@carbon/charts-react/bar-chart-stacked.js
@@ -0,0 +1,4 @@
+const React = require('react');
+
+module.exports = () =>
+  React.createElement('div', { id: 'mock-bar-chart-stacked' });
diff --git a/__mocks__/@carbon/charts-react/line-chart.js b/__mocks__/@carbon/charts-react/line-chart.js
new file mode 100644
index 0000000000..657400c0fb
--- /dev/null
+++ b/__mocks__/@carbon/charts-react/line-chart.js
@@ -0,0 +1,3 @@
+const React = require('react');
+
+module.exports = () => React.createElement('div', { id: 'mock-line-chart' });
diff --git a/__mocks__/@carbon/charts-react/pie-chart.js b/__mocks__/@carbon/charts-react/pie-chart.js
new file mode 100644
index 0000000000..eae4ff39b0
--- /dev/null
+++ b/__mocks__/@carbon/charts-react/pie-chart.js
@@ -0,0 +1,3 @@
+const React = require('react');
+
+module.exports = () => React.createElement('div', { id: 'mock-pie-chart' });
diff --git a/jest.config.js b/jest.config.js
index 25c29b7e37..e5f7fdafac 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -135,7 +135,10 @@ module.exports = {
     '^(?!.*\\.(js|jsx|css|json)$)': '<rootDir>/config/jest/fileTransform.js',
   },
   testPathIgnorePatterns: ['/config/', '/lib/'],
-  transformIgnorePatterns: ['/node_modules/(?!(@carbon/charts)).+(.jsx?)'],
+  transformIgnorePatterns: [
+    '/node_modules/(?!(@carbon/charts)).+(.jsx?)',
+    '/__mocks__/.+(.jsx?)',
+  ],
   watchPathIgnorePatterns: ['/coverage/', '/results/', '/.git/'],
   moduleFileExtensions: ['js', 'json', 'jsx'],
   snapshotSerializers: ['enzyme-to-json/serializer'],
diff --git a/package.json b/package.json
index 5981b2f3d1..51d668c1fc 100644
--- a/package.json
+++ b/package.json
@@ -126,8 +126,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.10.2",
-    "@carbon/charts": "^0.41.1",
-    "@carbon/charts-react": "^0.40.13",
+    "@carbon/charts": "^0.41.6",
+    "@carbon/charts-react": "^0.41.6",
     "@carbon/colors": "10.15.0",
     "@carbon/icons-react": "10.17.0",
     "@carbon/layout": "10.12.0",
diff --git a/src/components/BarChartCard/BarChartCard.test.jsx b/src/components/BarChartCard/BarChartCard.test.jsx
index 07c49e8213..8cedbc54be 100644
--- a/src/components/BarChartCard/BarChartCard.test.jsx
+++ b/src/components/BarChartCard/BarChartCard.test.jsx
@@ -50,7 +50,7 @@ describe('BarChartCard', () => {
 
   it('does not show bar chart when loading', () => {
     const wrapper = mount(<BarChartCard {...barChartCardProps} isLoading />);
-    expect(wrapper.find('SimpleBarChart')).toHaveLength(0);
+    expect(wrapper.find('#mock-bar-chart-simple')).toHaveLength(0);
   });
 
   it('does not show bar chart when empty data', () => {
@@ -60,7 +60,7 @@ describe('BarChartCard', () => {
         values={barChartData.quarters.filter((q) => q.quarter === 'NOT_VALID')}
       />
     );
-    expect(wrapper.find('SimpleBarChart')).toHaveLength(0);
+    expect(wrapper.find('#mock-bar-chart-simple')).toHaveLength(0);
   });
 
   it('shows table when isExpanded', () => {
@@ -103,7 +103,7 @@ describe('BarChartCard', () => {
         values={barChartData.quarters.filter((a) => a.quarter === '2020-Q1')}
       />
     );
-    expect(wrapper.find('GroupedBarChart')).toHaveLength(1);
+    expect(wrapper.find('#mock-bar-chart-grouped')).toHaveLength(1);
   });
 
   it('shows stackedBarChart', () => {
@@ -130,7 +130,7 @@ describe('BarChartCard', () => {
         values={barChartData.quarters.filter((a) => a.quarter === '2020-Q3')}
       />
     );
-    expect(wrapper.find('StackedBarChart')).toHaveLength(1);
+    expect(wrapper.find('#mock-bar-chart-stacked')).toHaveLength(1);
   });
 
   it('shows a timeSeries chart', () => {
@@ -152,7 +152,7 @@ describe('BarChartCard', () => {
         values={barChartData.timestamps.filter((t) => t.city === 'Amsterdam')}
       />
     );
-    expect(wrapper.find('StackedBarChart')).toHaveLength(1);
+    expect(wrapper.find('#mock-bar-chart-stacked')).toHaveLength(1);
   });
 
   it('shows a horizontal chart', () => {
@@ -180,7 +180,7 @@ describe('BarChartCard', () => {
         values={barChartData.quarters.filter((a) => a.quarter === '2020-Q1')}
       />
     );
-    expect(wrapper.find('GroupedBarChart')).toHaveLength(1);
+    expect(wrapper.find('#mock-bar-chart-grouped')).toHaveLength(1);
   });
 
   it('i18n string test', () => {
diff --git a/src/components/BarChartCard/__snapshots__/BarChartCard.story.storyshot b/src/components/BarChartCard/__snapshots__/BarChartCard.story.storyshot
index 2a4f2f9934..e53eb0b55c 100644
--- a/src/components/BarChartCard/__snapshots__/BarChartCard.story.storyshot
+++ b/src/components/BarChartCard/__snapshots__/BarChartCard.story.storyshot
@@ -90,7 +90,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/BarCh
             className="iot--bar-chart-container"
           >
             <div
-              className="chart-holder"
+              id="mock-bar-chart-grouped"
             />
           </div>
         </div>
@@ -213,7 +213,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/BarCh
             className="iot--bar-chart-container"
           >
             <div
-              className="chart-holder"
+              id="mock-bar-chart-grouped"
             />
           </div>
         </div>
@@ -507,7 +507,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/BarCh
             className="iot--bar-chart-container"
           >
             <div
-              className="chart-holder"
+              id="mock-bar-chart-simple"
             />
           </div>
         </div>
@@ -675,7 +675,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/BarCh
             className="iot--bar-chart-container"
           >
             <div
-              className="chart-holder"
+              id="mock-bar-chart-simple"
             />
           </div>
         </div>
@@ -798,7 +798,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/BarCh
             className="iot--bar-chart-container"
           >
             <div
-              className="chart-holder"
+              id="mock-bar-chart-simple"
             />
           </div>
         </div>
@@ -921,7 +921,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/BarCh
             className="iot--bar-chart-container"
           >
             <div
-              className="chart-holder"
+              id="mock-bar-chart-stacked"
             />
           </div>
         </div>
@@ -1089,7 +1089,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/BarCh
             className="iot--bar-chart-container"
           >
             <div
-              className="chart-holder"
+              id="mock-bar-chart-stacked"
             />
           </div>
         </div>
@@ -1257,7 +1257,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/BarCh
             className="iot--bar-chart-container"
           >
             <div
-              className="chart-holder"
+              id="mock-bar-chart-stacked"
             />
           </div>
         </div>
@@ -1380,7 +1380,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/BarCh
             className="iot--bar-chart-container"
           >
             <div
-              className="chart-holder"
+              id="mock-bar-chart-stacked"
             />
           </div>
         </div>
@@ -1470,7 +1470,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/BarCh
             className="iot--bar-chart-container iot--bar-chart-container--editable"
           >
             <div
-              className="chart-holder"
+              id="mock-bar-chart-grouped"
             />
           </div>
         </div>
@@ -1641,7 +1641,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/BarCh
               className="iot--bar-chart-container iot--bar-chart-container--expanded"
             >
               <div
-                className="chart-holder"
+                id="mock-bar-chart-stacked"
               />
               <div
                 className="iot--bar-chart-card--stateful-table iot--table-container bx--data-table-container"
@@ -2839,7 +2839,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/BarCh
             className="iot--bar-chart-container"
           >
             <div
-              className="chart-holder"
+              id="mock-bar-chart-stacked"
             />
           </div>
         </div>
diff --git a/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot b/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot
index 16b389d160..e25b02ddc6 100644
--- a/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot
+++ b/src/components/Dashboard/__snapshots__/Dashboard.story.storyshot
@@ -333,7 +333,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb
                     className="iot--bar-chart-container"
                   >
                     <div
-                      className="chart-holder"
+                      id="mock-bar-chart-simple"
                     />
                   </div>
                 </div>
@@ -1336,7 +1336,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb
                     className="iot--time-series-card--wrapper"
                   >
                     <div
-                      className="chart-holder"
+                      id="mock-line-chart"
                     />
                   </div>
                 </div>
@@ -2008,7 +2008,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb
                     className="iot--time-series-card--wrapper"
                   >
                     <div
-                      className="chart-holder"
+                      id="mock-line-chart"
                     />
                   </div>
                 </div>
@@ -2752,7 +2752,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb
                     className="iot--bar-chart-container"
                   >
                     <div
-                      className="chart-holder"
+                      id="mock-bar-chart-simple"
                     />
                   </div>
                 </div>
@@ -3755,7 +3755,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb
                     className="iot--time-series-card--wrapper"
                   >
                     <div
-                      className="chart-holder"
+                      id="mock-line-chart"
                     />
                   </div>
                 </div>
@@ -4427,7 +4427,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb
                     className="iot--time-series-card--wrapper"
                   >
                     <div
-                      className="chart-holder"
+                      id="mock-line-chart"
                     />
                   </div>
                 </div>
@@ -5199,7 +5199,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb
                     className="iot--bar-chart-container"
                   >
                     <div
-                      className="chart-holder"
+                      id="mock-bar-chart-simple"
                     />
                   </div>
                 </div>
@@ -6202,7 +6202,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb
                     className="iot--time-series-card--wrapper"
                   >
                     <div
-                      className="chart-holder"
+                      id="mock-line-chart"
                     />
                   </div>
                 </div>
@@ -6874,7 +6874,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb
                     className="iot--time-series-card--wrapper"
                   >
                     <div
-                      className="chart-holder"
+                      id="mock-line-chart"
                     />
                   </div>
                 </div>
@@ -7428,7 +7428,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb
                   className="iot--bar-chart-container"
                 >
                   <div
-                    className="chart-holder"
+                    id="mock-bar-chart-grouped"
                   />
                 </div>
               </div>
@@ -7898,7 +7898,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb
                   className="iot--time-series-card--wrapper"
                 >
                   <div
-                    className="chart-holder"
+                    id="mock-line-chart"
                   />
                 </div>
               </div>
@@ -10223,7 +10223,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb
                     className="iot--bar-chart-container"
                   >
                     <div
-                      className="chart-holder"
+                      id="mock-bar-chart-simple"
                     />
                   </div>
                 </div>
@@ -11226,7 +11226,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb
                     className="iot--time-series-card--wrapper"
                   >
                     <div
-                      className="chart-holder"
+                      id="mock-line-chart"
                     />
                   </div>
                 </div>
@@ -11898,7 +11898,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb
                     className="iot--time-series-card--wrapper"
                   >
                     <div
-                      className="chart-holder"
+                      id="mock-line-chart"
                     />
                   </div>
                 </div>
@@ -12419,7 +12419,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb
                   className="iot--time-series-card--wrapper"
                 >
                   <div
-                    className="chart-holder"
+                    id="mock-line-chart"
                   />
                 </div>
               </div>
@@ -25045,7 +25045,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb
                     className="iot--bar-chart-container"
                   >
                     <div
-                      className="chart-holder"
+                      id="mock-bar-chart-simple"
                     />
                   </div>
                 </div>
@@ -26048,7 +26048,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb
                     className="iot--time-series-card--wrapper"
                   >
                     <div
-                      className="chart-holder"
+                      id="mock-line-chart"
                     />
                   </div>
                 </div>
@@ -26720,7 +26720,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb
                     className="iot--time-series-card--wrapper"
                   >
                     <div
-                      className="chart-holder"
+                      id="mock-line-chart"
                     />
                   </div>
                 </div>
diff --git a/src/components/Dashboard/__snapshots__/DashboardGrid.story.storyshot b/src/components/Dashboard/__snapshots__/DashboardGrid.story.storyshot
index 00158d4642..5bd61b4ab8 100644
--- a/src/components/Dashboard/__snapshots__/DashboardGrid.story.storyshot
+++ b/src/components/Dashboard/__snapshots__/DashboardGrid.story.storyshot
@@ -971,7 +971,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb
                 className="iot--pie-chart-container"
               >
                 <div
-                  className="chart-holder"
+                  id="mock-pie-chart"
                 />
               </div>
               <span
@@ -2671,7 +2671,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb
                 className="iot--time-series-card--wrapper"
               >
                 <div
-                  className="chart-holder"
+                  id="mock-line-chart"
                 />
               </div>
             </div>
@@ -2965,7 +2965,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Dashb
                 className="iot--bar-chart-container"
               >
                 <div
-                  className="chart-holder"
+                  id="mock-bar-chart-simple"
                 />
               </div>
             </div>
diff --git a/src/components/DashboardEditor/__snapshots__/DashboardEditor.story.storyshot b/src/components/DashboardEditor/__snapshots__/DashboardEditor.story.storyshot
index b703bed193..96e5d8b234 100644
--- a/src/components/DashboardEditor/__snapshots__/DashboardEditor.story.storyshot
+++ b/src/components/DashboardEditor/__snapshots__/DashboardEditor.story.storyshot
@@ -4569,7 +4569,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT Exper
                           className="iot--time-series-card--wrapper iot--time-series-card--wrapper__editable"
                         >
                           <div
-                            className="chart-holder"
+                            id="mock-line-chart"
                           />
                         </div>
                       </div>
@@ -6961,7 +6961,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT Exper
                           className="iot--time-series-card--wrapper iot--time-series-card--wrapper__editable"
                         >
                           <div
-                            className="chart-holder"
+                            id="mock-line-chart"
                           />
                         </div>
                       </div>
diff --git a/src/components/PieChartCard/PieChartCard.test.jsx b/src/components/PieChartCard/PieChartCard.test.jsx
index f5535f4eb0..4a70a4c95a 100644
--- a/src/components/PieChartCard/PieChartCard.test.jsx
+++ b/src/components/PieChartCard/PieChartCard.test.jsx
@@ -8,6 +8,8 @@ import Table from '../Table/Table';
 
 import PieChartCard, { formatColors } from './PieChartCard';
 
+jest.unmock('@carbon/charts-react/pie-chart');
+
 const chartDataExample = [
   {
     group: '2V2N 9KYPM',
diff --git a/src/components/PieChartCard/__snapshots__/PieChartCard.story.storyshot b/src/components/PieChartCard/__snapshots__/PieChartCard.story.storyshot
index c774cdafc5..06f8560a18 100644
--- a/src/components/PieChartCard/__snapshots__/PieChartCard.story.storyshot
+++ b/src/components/PieChartCard/__snapshots__/PieChartCard.story.storyshot
@@ -93,7 +93,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/PieCh
               className="iot--pie-chart-container iot--pie-chart-container__expanded"
             >
               <div
-                className="chart-holder"
+                id="mock-pie-chart"
               />
               <div
                 className="iot--pie-chart-card--stateful-table iot--table-container bx--data-table-container"
@@ -629,7 +629,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/PieCh
             className="iot--pie-chart-container"
           >
             <div
-              className="chart-holder"
+              id="mock-pie-chart"
             />
           </div>
         </div>
@@ -752,7 +752,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/PieCh
             className="iot--pie-chart-container"
           >
             <div
-              className="chart-holder"
+              id="mock-pie-chart"
             />
           </div>
         </div>
@@ -875,7 +875,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/PieCh
             className="iot--pie-chart-container"
           >
             <div
-              className="chart-holder"
+              id="mock-pie-chart"
             />
           </div>
         </div>
@@ -998,7 +998,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/PieCh
             className="iot--pie-chart-container"
           >
             <div
-              className="chart-holder"
+              id="mock-pie-chart"
             />
           </div>
         </div>
@@ -1247,7 +1247,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/PieCh
             className="iot--pie-chart-container"
           >
             <div
-              className="chart-holder"
+              id="mock-pie-chart"
             />
           </div>
         </div>
diff --git a/src/components/TimeSeriesCard/TimeSeriesCard.test.jsx b/src/components/TimeSeriesCard/TimeSeriesCard.test.jsx
index f08706409e..bbc30e6808 100644
--- a/src/components/TimeSeriesCard/TimeSeriesCard.test.jsx
+++ b/src/components/TimeSeriesCard/TimeSeriesCard.test.jsx
@@ -5,7 +5,12 @@ import omit from 'lodash/omit';
 
 import Table from '../Table/Table';
 import { getIntervalChartData } from '../../utils/sample';
-import { CARD_SIZES, COLORS } from '../../constants/LayoutConstants';
+import {
+  CARD_SIZES,
+  COLORS,
+  TIME_SERIES_TYPES,
+} from '../../constants/LayoutConstants';
+import { CHART_COLORS } from '../../constants/CardPropTypes';
 import { barChartData } from '../../utils/barChartDataSample';
 
 import TimeSeriesCard, {
@@ -46,13 +51,13 @@ describe('TimeSeriesCard', () => {
         size={CARD_SIZES.MEDIUM}
       />
     );
-    expect(wrapper.find('LineChart')).toHaveLength(0);
+    expect(wrapper.find('#mock-line-chart')).toHaveLength(0);
     expect(wrapper.find('SkeletonText')).toHaveLength(1);
 
     wrapper = mount(
       <TimeSeriesCard {...timeSeriesCardProps} size={CARD_SIZES.MEDIUM} />
     );
-    expect(wrapper.find('LineChart')).toHaveLength(1);
+    expect(wrapper.find('#mock-line-chart')).toHaveLength(1);
     expect(wrapper.find('SkeletonText')).toHaveLength(0);
   });
   it('does not fail to render if no data is given', () => {
@@ -79,11 +84,25 @@ describe('TimeSeriesCard', () => {
         size={CARD_SIZES.MEDIUMTHIN}
       />
     );
-    expect(wrapper.find('LineChart')).toHaveLength(1);
+    expect(wrapper.find('#mock-line-chart')).toHaveLength(1);
     // Carbon Table should be there
     expect(wrapper.find(Table)).toHaveLength(1);
   });
 
+  it('type bar shows', () => {
+    const wrapper = mount(
+      <TimeSeriesCard
+        {...timeSeriesCardProps}
+        content={{
+          ...timeSeriesCardProps.content,
+          chartType: TIME_SERIES_TYPES.BAR,
+        }}
+        size={CARD_SIZES.MEDIUMTHIN}
+      />
+    );
+    expect(wrapper.find('#mock-bar-chart-stacked')).toHaveLength(1);
+  });
+
   it('handleTooltip should add date', () => {
     const defaultTooltip = '<ul><li>existing tooltip</li></ul>';
     // the date is from 2017
@@ -184,7 +203,7 @@ describe('TimeSeriesCard', () => {
     const wrapper = mount(
       <TimeSeriesCard {...timeSeriesCardWithOneColorProps} />
     );
-    expect(wrapper.find('LineChart')).toHaveLength(1);
+    expect(wrapper.find('#mock-line-chart')).toHaveLength(1);
   });
   it('formatChartData returns properly formatted data without dataFilter set', () => {
     const series = [
@@ -398,6 +417,11 @@ describe('TimeSeriesCard', () => {
     expect(formatColors(series)).toEqual({
       scale: { Amsterdam: 'blue' },
     });
+
+    // Default color should be used if no color is passed
+    expect(formatColors(omit(series, 'color'))).toEqual({
+      scale: { Amsterdam: CHART_COLORS[0] },
+    });
   });
   it('tableColumn headers should use the label, not the dataSourceId', () => {
     render(
diff --git a/src/components/TimeSeriesCard/__snapshots__/TimeSeriesCard.story.storyshot b/src/components/TimeSeriesCard/__snapshots__/TimeSeriesCard.story.storyshot
index d2318f62d0..69e05c0da0 100644
--- a/src/components/TimeSeriesCard/__snapshots__/TimeSeriesCard.story.storyshot
+++ b/src/components/TimeSeriesCard/__snapshots__/TimeSeriesCard.story.storyshot
@@ -135,7 +135,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/TimeS
             className="iot--time-series-card--wrapper"
           >
             <div
-              className="chart-holder"
+              id="mock-line-chart"
             />
           </div>
         </div>
@@ -303,7 +303,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/TimeS
             className="iot--time-series-card--wrapper"
           >
             <div
-              className="chart-holder"
+              id="mock-line-chart"
             />
           </div>
         </div>
@@ -442,7 +442,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/TimeS
             className="iot--time-series-card--wrapper"
           >
             <div
-              className="chart-holder"
+              id="mock-line-chart"
             />
           </div>
         </div>
@@ -781,7 +781,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/TimeS
             className="iot--time-series-card--wrapper"
           >
             <div
-              className="chart-holder"
+              id="mock-line-chart"
             />
           </div>
         </div>
@@ -949,7 +949,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/TimeS
             className="iot--time-series-card--wrapper iot--time-series-card--wrapper__lots-of-points"
           >
             <div
-              className="chart-holder"
+              id="mock-line-chart"
             />
           </div>
         </div>
@@ -1042,7 +1042,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/TimeS
             className="iot--time-series-card--wrapper iot--time-series-card--wrapper__editable"
           >
             <div
-              className="chart-holder"
+              id="mock-line-chart"
             />
           </div>
         </div>
@@ -1213,7 +1213,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/TimeS
               className="iot--time-series-card--wrapper iot--time-series-card--wrapper__expanded"
             >
               <div
-                className="chart-holder"
+                id="mock-line-chart"
               />
             </div>
             <div
@@ -3266,7 +3266,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/TimeS
             className="iot--time-series-card--wrapper"
           >
             <div
-              className="chart-holder"
+              id="mock-line-chart"
             />
           </div>
         </div>
@@ -3434,7 +3434,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/TimeS
             className="iot--time-series-card--wrapper"
           >
             <div
-              className="chart-holder"
+              id="mock-line-chart"
             />
           </div>
         </div>
@@ -3602,7 +3602,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/TimeS
             className="iot--time-series-card--wrapper"
           >
             <div
-              className="chart-holder"
+              id="mock-line-chart"
             />
           </div>
         </div>
@@ -3770,7 +3770,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/TimeS
             className="iot--time-series-card--wrapper"
           >
             <div
-              className="chart-holder"
+              id="mock-line-chart"
             />
           </div>
         </div>
@@ -3938,7 +3938,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/TimeS
             className="iot--time-series-card--wrapper"
           >
             <div
-              className="chart-holder"
+              id="mock-line-chart"
             />
           </div>
         </div>
@@ -4106,7 +4106,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/TimeS
             className="iot--time-series-card--wrapper"
           >
             <div
-              className="chart-holder"
+              id="mock-line-chart"
             />
           </div>
         </div>
@@ -4274,7 +4274,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/TimeS
             className="iot--time-series-card--wrapper"
           >
             <div
-              className="chart-holder"
+              id="mock-line-chart"
             />
           </div>
         </div>
@@ -4442,7 +4442,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/TimeS
             className="iot--time-series-card--wrapper"
           >
             <div
-              className="chart-holder"
+              id="mock-line-chart"
             />
           </div>
         </div>
@@ -4772,7 +4772,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/TimeS
             className="iot--time-series-card--wrapper"
           >
             <div
-              className="chart-holder"
+              id="mock-line-chart"
             />
           </div>
         </div>
@@ -4940,7 +4940,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/TimeS
             className="iot--time-series-card--wrapper"
           >
             <div
-              className="chart-holder"
+              id="mock-line-chart"
             />
           </div>
         </div>
@@ -5108,7 +5108,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/TimeS
             className="iot--time-series-card--wrapper"
           >
             <div
-              className="chart-holder"
+              id="mock-line-chart"
             />
           </div>
         </div>
@@ -5276,7 +5276,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/TimeS
             className="iot--time-series-card--wrapper"
           >
             <div
-              className="chart-holder"
+              id="mock-line-chart"
             />
           </div>
         </div>
@@ -5444,7 +5444,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/TimeS
             className="iot--time-series-card--wrapper"
           >
             <div
-              className="chart-holder"
+              id="mock-line-chart"
             />
           </div>
         </div>
@@ -5612,7 +5612,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/TimeS
             className="iot--time-series-card--wrapper"
           >
             <div
-              className="chart-holder"
+              id="mock-line-chart"
             />
           </div>
         </div>
@@ -5780,7 +5780,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/TimeS
             className="iot--time-series-card--wrapper"
           >
             <div
-              className="chart-holder"
+              id="mock-line-chart"
             />
           </div>
         </div>
@@ -5948,7 +5948,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/TimeS
             className="iot--time-series-card--wrapper"
           >
             <div
-              className="chart-holder"
+              id="mock-line-chart"
             />
           </div>
         </div>
@@ -6116,7 +6116,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/TimeS
             className="iot--time-series-card--wrapper"
           >
             <div
-              className="chart-holder"
+              id="mock-line-chart"
             />
           </div>
         </div>
diff --git a/yarn.lock b/yarn.lock
index 7e4662310f..10ed5e9166 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2527,28 +2527,17 @@
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
   integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
 
-"@carbon/charts-react@^0.40.13":
-  version "0.40.13"
-  resolved "https://registry.yarnpkg.com/@carbon/charts-react/-/charts-react-0.40.13.tgz#05c65264b071bb266f9ad26cfd6067b6bf88327c"
-  integrity sha512-N8ffq5OWZxNs4DL2wV9CAR0Tvvqs18uvdSKBLBUrnXB8plPHq4FEcHvuGt2fdTBuOJizn1HQVLgisxCR1XHaJg==
+"@carbon/charts-react@^0.41.6":
+  version "0.41.6"
+  resolved "https://registry.yarnpkg.com/@carbon/charts-react/-/charts-react-0.41.6.tgz#b7ae3df2146dc8a0170274f62a66f8a9afcc4236"
+  integrity sha512-7xLuahG+pIsUz0jXHU59KeMKQKeLTmKDVUmw3jlk7iln5yVU38mZ+dPd/o+DYRrB+XypsHtpnSikUtMJ3+B79Q==
   dependencies:
-    "@carbon/charts" "^0.40.13"
+    "@carbon/charts" "^0.41.6"
 
-"@carbon/charts@^0.40.13":
-  version "0.40.13"
-  resolved "https://registry.yarnpkg.com/@carbon/charts/-/charts-0.40.13.tgz#c54af1dd613dc063782a9780df779d450a582844"
-  integrity sha512-aE56iKjjVeSFs9+DBF48fPIuBSfxDMSMquSPLPRDJp5rWjkdOeqgVtG7TEqSTOB8cvpvUt+LdPSKE9ufUrGceQ==
-  dependencies:
-    "@carbon/colors" "10.4.0"
-    "@carbon/utils-position" "1.1.1"
-    date-fns "2.8.1"
-    lodash-es "4.17.15"
-    resize-observer-polyfill "1.5.0"
-
-"@carbon/charts@^0.41.1":
-  version "0.41.1"
-  resolved "https://registry.yarnpkg.com/@carbon/charts/-/charts-0.41.1.tgz#766ad4ed306ad3df0b4fa3a4e97dec9cdd649f55"
-  integrity sha512-nCWNMOsiV0E0Tdulf9TcsUSFvkhY5onkdqfZ8NEKX40LQzSWO/nGG1fRAlPxfZpFDuZr7rAW9l0/Z8W5QzkddQ==
+"@carbon/charts@^0.41.6":
+  version "0.41.6"
+  resolved "https://registry.yarnpkg.com/@carbon/charts/-/charts-0.41.6.tgz#dd76b04abdaf691e0f94e542e63d0061e2849184"
+  integrity sha512-dct2zxdqujsaE3/wZE2NvWc/rlaXmLb9HaENCIyacaRZH4huHv3LaBkBvx/G31Vdoje/Addi37ZUqGlUlv4/mg==
   dependencies:
     "@carbon/colors" "10.15.0"
     "@carbon/utils-position" "1.1.1"
@@ -2561,11 +2550,6 @@
   resolved "https://registry.yarnpkg.com/@carbon/colors/-/colors-10.15.0.tgz#1a7f211a9e92b51c838995f5f3ffae002a3fed8b"
   integrity sha512-z6Ur7unTO6XoVVujXnGcvxxDaX1g5ccCqImlb/HtJHtF7WFCQVjpxKKn76XcmI3PRZ2tbc9q+ENpfbS5Ry/NBQ==
 
-"@carbon/colors@10.4.0":
-  version "10.4.0"
-  resolved "https://registry.yarnpkg.com/@carbon/colors/-/colors-10.4.0.tgz#8c21127926bc389dcb4d415b55d4eae278f3d525"
-  integrity sha512-UERU07hWXAjsaWu6JPJDyJnwVLkJr+8wTvFrbCkubCfl/MZjKoyLgz0CNypu8hSg8ZaDUzl/NfXMgRpprzuSjQ==
-
 "@carbon/colors@^10.11.0":
   version "10.11.0"
   resolved "https://registry.yarnpkg.com/@carbon/colors/-/colors-10.11.0.tgz#060dce87ddfaabe313ad85d677962e92cf6184a1"