jingrow/charts
1
0
Fork 0
Code Pull Requests Activity

feat: added function for rounded top rect

Browse Source
This commit is contained in:
Shivam Mishra 2020-07-28 19:16:54 +05:30 committed by Arjun Choudhary
parent 692cdfb102
commit d5c3886301
1 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/js/utils/draw.js
View File

@ -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(height, true)) height = 0;
if (!isValidNumber(width, true)) width = 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', { let rect = createSVG('rect', {
className: `bar mini`, className: `bar mini`,
style: `fill: ${color}`, style: `fill: ${color}`,