From 579786f1c3d62be67c86f3b1c5c5f403e124a90c Mon Sep 17 00:00:00 2001
From: kaelens <kaelens@microsoft.com>
Date: Mon, 9 Sep 2024 16:54:55 -0700
Subject: [PATCH 1/2] pass in strokeDasharray prop to path

---
 .../react-charting/src/components/LineChart/LineChart.base.tsx  | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/react-charting/src/components/LineChart/LineChart.base.tsx b/packages/react-charting/src/components/LineChart/LineChart.base.tsx
index ff3184f44d961..65d04ab60e1d2 100644
--- a/packages/react-charting/src/components/LineChart/LineChart.base.tsx
+++ b/packages/react-charting/src/components/LineChart/LineChart.base.tsx
@@ -709,6 +709,7 @@ export class LineChartBase extends React.Component<ILineChartProps, ILineChartSt
               stroke={lineColor}
               strokeWidth={strokeWidth}
               strokeLinecap={this._points[i].lineOptions?.strokeLinecap ?? 'round'}
+              strokeDasharray={this._points[i].lineOptions?.strokeDasharray}
               onMouseMove={this._onMouseOverLargeDataset.bind(this, i, verticaLineHeight)}
               onMouseOver={this._onMouseOverLargeDataset.bind(this, i, verticaLineHeight)}
               onMouseOut={this._handleMouseOut}
@@ -727,6 +728,7 @@ export class LineChartBase extends React.Component<ILineChartProps, ILineChartSt
               stroke={lineColor}
               strokeWidth={strokeWidth}
               strokeLinecap={this._points[i].lineOptions?.strokeLinecap ?? 'round'}
+              strokeDasharray={this._points[i].lineOptions?.strokeDasharray}
               opacity={0.1}
             />,
           );

From 17abf6a03093f8785829a5b8460085a82af63d01 Mon Sep 17 00:00:00 2001
From: kaelens <kaelens@microsoft.com>
Date: Mon, 9 Sep 2024 17:07:17 -0700
Subject: [PATCH 2/2] add change

---
 ...eact-charting-fbf8562f-4d14-45f5-b74e-75304b828612.json | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 change/@fluentui-react-charting-fbf8562f-4d14-45f5-b74e-75304b828612.json

diff --git a/change/@fluentui-react-charting-fbf8562f-4d14-45f5-b74e-75304b828612.json b/change/@fluentui-react-charting-fbf8562f-4d14-45f5-b74e-75304b828612.json
new file mode 100644
index 0000000000000..e7f7c2d04f742
--- /dev/null
+++ b/change/@fluentui-react-charting-fbf8562f-4d14-45f5-b74e-75304b828612.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "add strokeDasharray for line charts with large datasets",
+  "packageName": "@fluentui/react-charting",
+  "email": "kaelens@microsoft.com",
+  "dependentChangeType": "patch"
+}