From d3909d49c1f50d56800c73a355af702d6f03038b Mon Sep 17 00:00:00 2001 From: Shivam Mishra Date: Tue, 28 Jul 2020 19:16:54 +0530 Subject: [PATCH] feat: added function for rounded top rect --- src/js/utils/draw.js | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/src/js/utils/draw.js b/src/js/utils/draw.js index aab8881..a8a5749 100644 --- a/src/js/utils/draw.js +++ b/src/js/utils/draw.js @@ -542,6 +542,26 @@ export function datasetBar(x, yTop, width, color, label='', index=0, offset=0, m if (!isValidNumber(height, true)) height = 0; if (!isValidNumber(width, true)) width = 0; + // x y h w + + // M{x},{y+r} + // q0,-{r} {r},-{r} + // q{r},0 {r},{r} + // v{h-r} + // h-{w}z + + // let radius = width/2; + // let pathStr = `M${x},${y+radius} q0,-${radius} ${radius},-${radius} q${radius},0 ${radius},${radius} v${height-radius} h-${width}z` + + // let rect = createSVG('path', { + // className: 'bar mini', + // d: pathStr, + // styles: { fill: color }, + // x: x, + // y: y, + // 'data-point-index': index, + // }); + let rect = createSVG('rect', { className: `bar mini`, style: `fill: ${color}`,