From 8524e6cbd61c5cfe3eb6f68df0ae5eebfec8e0c4 Mon Sep 17 00:00:00 2001 From: Shivam Mishra Date: Mon, 26 Oct 2020 15:00:40 +0530 Subject: [PATCH] feat: allow custom yRegion colors --- src/js/objects/ChartComponents.js | 2 +- src/js/utils/draw.js | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/js/objects/ChartComponents.js b/src/js/objects/ChartComponents.js index 77e3284..0fd27dd 100644 --- a/src/js/objects/ChartComponents.js +++ b/src/js/objects/ChartComponents.js @@ -220,7 +220,7 @@ let componentConfigs = { makeElements(data) { return data.map(r => yRegion(r.startPos, r.endPos, this.constants.width, - r.label, { labelPos: r.options.labelPos }) + r.label, { labelPos: r.options.labelPos, stroke: r.options.stroke, fill: r.options.fill }) ); }, animateElements(newData) { diff --git a/src/js/utils/draw.js b/src/js/utils/draw.js index 6f913cd..4648cc3 100644 --- a/src/js/utils/draw.js +++ b/src/js/utils/draw.js @@ -465,8 +465,8 @@ export function yRegion(y1, y2, width, label, options = {}) { let rect = createSVG('rect', { className: `bar mini`, // remove class styles: { - fill: `rgba(228, 234, 239, 0.49)`, - stroke: BASE_LINE_COLOR, + fill: options.fill || `rgba(228, 234, 239, 0.49)`, + stroke: options.stroke || BASE_LINE_COLOR, 'stroke-dasharray': `${width}, ${height}` }, // 'data-point-index': index,