From 6c9e8549cadcf6a079a781021700515683c21de8 Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Mon, 1 Feb 2021 12:07:17 -0600
Subject: [PATCH] GraphNG: improve behavior when switching between
 solid/dash/dots (#30796) (#30799)

(cherry picked from commit fcac59107c2d16f4361989daffdfe163595e8b82)

Co-authored-by: Ryan McKinley <ryantxu@gmail.com>
---
 public/app/plugins/panel/timeseries/LineStyleEditor.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/public/app/plugins/panel/timeseries/LineStyleEditor.tsx b/public/app/plugins/panel/timeseries/LineStyleEditor.tsx
index d797c432ed6..93d2536228e 100644
--- a/public/app/plugins/panel/timeseries/LineStyleEditor.tsx
+++ b/public/app/plugins/panel/timeseries/LineStyleEditor.tsx
@@ -73,9 +73,16 @@ export const LineStyleEditor: React.FC<FieldOverrideEditorProps<LineStyle, any>>
         value={value?.fill || 'solid'}
         options={lineFillOptions}
         onChange={(v) => {
+          let dash: number[] | undefined = undefined;
+          if (v === 'dot') {
+            dash = parseText(dotOptions[0].value!);
+          } else if (v === 'dash') {
+            dash = parseText(dashOptions[0].value!);
+          }
           onChange({
             ...value,
             fill: v!,
+            dash,
           });
         }}
       />