From 4ccab4dec58478d0829473a1985253afbbac5139 Mon Sep 17 00:00:00 2001
From: goodmice <av.sirotkin@autodrilling.ru>
Date: Thu, 30 Jun 2022 09:07:14 +0500
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=20=D0=BF=D1=80=D0=BE=D0=BF=20=D0=B4=D0=BB=D1=8F=20=D1=83?=
 =?UTF-8?q?=D1=81=D1=82=D0=B0=D0=BD=D0=BE=D0=B2=D0=BA=D0=B8=20=D0=B4=D1=8D?=
 =?UTF-8?q?=D1=88=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/d3/renders/line.ts      | 1 +
 src/components/d3/renders/needle.ts    | 1 +
 src/components/d3/types.ts             | 1 +
 src/pages/WellOperations/Tvd/index.jsx | 5 +++--
 4 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/d3/renders/line.ts b/src/components/d3/renders/line.ts
index 6ac13af..d2a2d13 100644
--- a/src/components/d3/renders/line.ts
+++ b/src/components/d3/renders/line.ts
@@ -39,6 +39,7 @@ export const renderLine = <DataType extends Record<string, unknown>>(
         .transition()
         .duration(chart.animDurationMs ?? 0)
         .attr('d', line(data as any))
+        .attr('stroke-dasharray', String(chart.dash ?? ''))
 
     return data
 }
diff --git a/src/components/d3/renders/needle.ts b/src/components/d3/renders/needle.ts
index 0532143..8af270e 100644
--- a/src/components/d3/renders/needle.ts
+++ b/src/components/d3/renders/needle.ts
@@ -27,6 +27,7 @@ export const renderNeedle = <DataType extends Record<string, unknown>>(
         .attr('x2', (d: any) => xAxis(chart.x(d)))
         .attr('y1', height - offset.bottom - offset.top)
         .attr('y2', (d: any) => yAxis(chart.y(d)))
+        .attr('stroke-dasharray', String(chart.dash ?? ''))
 
     return data
 }
diff --git a/src/components/d3/types.ts b/src/components/d3/types.ts
index f186338..6c22536 100644
--- a/src/components/d3/types.ts
+++ b/src/components/d3/types.ts
@@ -35,6 +35,7 @@ export type BaseChartDataset<DataType> = {
     animDurationMs?: number
     point?: Omit<PointChartDataset, 'type'>
     afterDraw?: (d: any) => void
+    dash?: string | number | [string | number, string | number]
 }
 
 export type LineChartDataset = {
diff --git a/src/pages/WellOperations/Tvd/index.jsx b/src/pages/WellOperations/Tvd/index.jsx
index 2d70ce2..820b2c9 100755
--- a/src/pages/WellOperations/Tvd/index.jsx
+++ b/src/pages/WellOperations/Tvd/index.jsx
@@ -107,12 +107,13 @@ const plugins = {
     cursor: { enabled: false }
 }
 
-const makeDataset = (key, label, color, width, radius) => ({
+const makeDataset = (key, label, color, width, radius, dash) => ({
     key,
     type: 'line',
     label,
     color,
     width,
+    dash,
     yAxis: {
         type: 'linear',
         accessor: 'depth',
@@ -173,7 +174,7 @@ const Tvd = memo(({ idWell: wellId, title, ...other }) => {
         return [
             makeDataset('withoutNpt', 'Факт без НПВ', '#548CFF', 2, radius),
             makeDataset('plan', 'План', '#EB5353', 2, radius),
-            makeDataset('predict', 'Прогноз', '#BD4291', 1, radius),
+            makeDataset('predict', 'Прогноз', '#BD4291', 1, radius, [5, 5]),
             makeDataset('fact', 'Факт', '#36AE7C', 2, radius),
         ]
     }, [pointsEnabled])