Add dasharray for continuous features

BioComputingUP · Dec 11, 2024 · 60c4d70 · 60c4d70
1 parent b3656be
commit 60c4d70
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/projects/ngx-features-viewer/package.json b/projects/ngx-features-viewer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ngx-features-viewer",
-  "version": "0.1.16",
+  "version": "0.1.17",
   "license": "MIT",
   "author": {
     "name": "Damiano Clementel",

diff --git a/projects/ngx-features-viewer/src/lib/features/continuous.ts b/projects/ngx-features-viewer/src/lib/features/continuous.ts
@@ -16,6 +16,7 @@ export interface Continuous extends BaseFeature {
   max?: number;
   "stroke-width"?: number;
   "stroke-color"?: string;
+  "stroke-dasharray"?: string;
   curveType?: 'curveStep' | 'curveBasis' | 'curveLinear';
   showArea?: boolean;
 }
diff --git a/projects/ngx-features-viewer/src/lib/services/draw.service.ts b/projects/ngx-features-viewer/src/lib/services/draw.service.ts
@@ -653,7 +653,8 @@ export class DrawService {
               'fill-opacity' : feature.opacity || 1,
             };
 
-            appendElementWithAttributes(container, 'path', pathAttributes);
+            const line = appendElementWithAttributes(container, 'path', pathAttributes);
+            line.style('stroke-dasharray', feature["stroke-dasharray"] || '');
           }
 
           if (feature.type === 'pin') {