From 497bfd97a0d7013452a10dd24ce47220e2239f90 Mon Sep 17 00:00:00 2001 From: imcrainjames Date: Mon, 21 Dec 2020 15:02:37 -0600 Subject: [PATCH] Adds dash support to the LineChart. --- src/HelperTypes.ts | 6 ++++++ src/line-chart/LineChart.tsx | 4 ++++ 2 files changed, 10 insertions(+) diff --git a/src/HelperTypes.ts b/src/HelperTypes.ts index 8a50c40b..6bec6e4d 100644 --- a/src/HelperTypes.ts +++ b/src/HelperTypes.ts @@ -22,6 +22,12 @@ export interface Dataset { /** Unique key **/ key?: string | number; + + /** Stroke Dash Array */ + strokeDashArray?: number[]; + + /** Stroke Dash Offset */ + strokeDashOffset?: number; } export interface ChartData { diff --git a/src/line-chart/LineChart.tsx b/src/line-chart/LineChart.tsx index 501e0348..3b7a5a90 100644 --- a/src/line-chart/LineChart.tsx +++ b/src/line-chart/LineChart.tsx @@ -640,6 +640,8 @@ class LineChart extends AbstractChart { fill="none" stroke={this.getColor(dataset, 0.2)} strokeWidth={this.getStrokeWidth(dataset)} + strokeDasharray={dataset.strokeDashArray} + strokeDashoffset={dataset.strokeDashOffset} /> ); }); @@ -721,6 +723,8 @@ class LineChart extends AbstractChart { fill="none" stroke={this.getColor(dataset, 0.2)} strokeWidth={this.getStrokeWidth(dataset)} + strokeDasharray={dataset.strokeDashArray} + strokeDashoffset={dataset.strokeDashOffset} /> ); });