diff --git a/package.json b/package.json
index 4bc5d27f240..bd1431e4613 100644
--- a/package.json
+++ b/package.json
@@ -114,7 +114,7 @@
     "@cypress/code-coverage": "^3.9.12",
     "@cypress/react": "^5.10.3",
     "@cypress/webpack-dev-server": "^1.7.0",
-    "@elastic/charts": "^41.0.1",
+    "@elastic/charts": "^45.1.1",
     "@elastic/datemath": "^5.0.3",
     "@elastic/eslint-config-kibana": "^0.15.0",
     "@emotion/babel-preset-css-prop": "^11.2.0",
diff --git a/src-docs/src/views/elastic_charts/accessibility_example.js b/src-docs/src/views/elastic_charts/accessibility_example.js
index 20025180408..8ef88979634 100644
--- a/src-docs/src/views/elastic_charts/accessibility_example.js
+++ b/src-docs/src/views/elastic_charts/accessibility_example.js
@@ -191,8 +191,8 @@ export const ElasticChartsAccessibilityExample = {
             iconType="visPie"
           >
             <p>
-              Partition charts include: sunburst, treemap, icicle, flame, and
-              mosaic.
+              Partition charts include: sunburst, treemap, icicle, flame,
+              mosaic, and waffle.
             </p>
           </EuiCallOut>
         </>
@@ -221,7 +221,7 @@ export const ElasticChartsAccessibilityExample = {
             For the provided example, a visually hidden data table is rendered
             with the caption we passed on <EuiCode>ariaTableCaption</EuiCode>.
           </p>
-          <EuiCode language="jsx" inline={false}>
+          <EuiCodeBlock language="jsx">
             {`<p>There is a great variety of reported favorite fruit</p>
 
 <dl>
@@ -254,7 +254,7 @@ export const ElasticChartsAccessibilityExample = {
     </tr>
   </tbody>
 </table>`}
-          </EuiCode>
+          </EuiCodeBlock>
         </>
       ),
     },
@@ -275,10 +275,7 @@ export const ElasticChartsAccessibilityExample = {
             }
             iconType="visAreaStacked"
           >
-            <p>
-              XY charts include: area, bar, bubble, histogram, line, and
-              heatmap.
-            </p>
+            <p>XY charts include: area, bar, and histogram.</p>
           </EuiCallOut>
         </>
       ),
diff --git a/src-docs/src/views/elastic_charts/goal.js b/src-docs/src/views/elastic_charts/goal.js
index 1d1b68d1223..568a14798fb 100644
--- a/src-docs/src/views/elastic_charts/goal.js
+++ b/src-docs/src/views/elastic_charts/goal.js
@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import { Chart, Settings, Goal } from '@elastic/charts';
-import { EuiSpacer, EuiTitle, EuiCode } from '../../../../src/components';
+import { EuiSpacer, EuiTitle, EuiCodeBlock } from '../../../../src/components';
 import {
   htmlIdGenerator,
   useIsWithinBreakpoints,
@@ -79,7 +79,7 @@ export const GoalChart = () => {
           <h3>Visually hidden content for chart</h3>
         </EuiTitle>
         <EuiSpacer />
-        <EuiCode language="jsx" inline={false}>
+        <EuiCodeBlock language="jsx">
           {`<p>Temperature</p>
 <p>Celsius</p>
 <p>This goal chart has a target of 22.</p>
@@ -105,7 +105,7 @@ export const GoalChart = () => {
   <dt>250 - 300</dt>
   <dd>hot</dd>
 </dl>`}
-        </EuiCode>
+        </EuiCodeBlock>
       </EuiFlexItem>
     </EuiFlexGrid>
   );
diff --git a/src-docs/src/views/elastic_charts/texture.js b/src-docs/src/views/elastic_charts/texture.js
index fe455e669bb..976deb25c2f 100644
--- a/src-docs/src/views/elastic_charts/texture.js
+++ b/src-docs/src/views/elastic_charts/texture.js
@@ -31,6 +31,8 @@ export const TextureMultiSeriesChart = () => {
         <BarSeries
           key={1}
           id={'series-1'}
+          xAccessor={'x'}
+          yAccessors={['y']}
           barSeriesStyle={{
             rect: {
               opacity: 0.2,
@@ -48,6 +50,8 @@ export const TextureMultiSeriesChart = () => {
         <AreaSeries
           key={2}
           id={'series-2'}
+          xAccessor={'x'}
+          yAccessors={['y']}
           areaSeriesStyle={{
             area: {
               opacity: 0.05,
diff --git a/yarn.lock b/yarn.lock
index b158fa132c4..4275d4a11a6 100755
--- a/yarn.lock
+++ b/yarn.lock
@@ -2428,10 +2428,10 @@
     debug "^3.1.0"
     lodash.once "^4.1.1"
 
-"@elastic/charts@^41.0.1":
-  version "41.0.1"
-  resolved "https://registry.yarnpkg.com/@elastic/charts/-/charts-41.0.1.tgz#28bd722d86366f799668e1e79c36b3977c1a9710"
-  integrity sha512-oqNcWG6qkJCsSk+DcXWIOgvz7SpfY4AsOG6moTD/i5LnON9mteVsMdRm1Tw4PZV6JWDgGQnSH3gmQhQrb0wONQ==
+"@elastic/charts@^45.1.1":
+  version "45.1.1"
+  resolved "https://registry.yarnpkg.com/@elastic/charts/-/charts-45.1.1.tgz#d65b51ee296138a7e6b3d954fcf9fa41ba379492"
+  integrity sha512-gVk8ZbCBh8fUKxM6Rd61qwhSCgt1zU0wt3y3ZMUe+MdaTFG9I+0SceYrltJR+bf0ycK0wb1yg+WEw0LoN8bEIg==
   dependencies:
     "@popperjs/core" "^2.4.0"
     chroma-js "^2.1.0"