jingrow/charts
1
0
Fork 0
Code Pull Requests Activity

feat: allow custom yRegion colors

Browse Source
This commit is contained in:
Shivam Mishra 2020-10-26 15:00:40 +05:30
parent 1181660ed1
commit 8524e6cbd6
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/js/objects/ChartComponents.js
View File

@ -220,7 +220,7 @@ let componentConfigs = {
makeElements(data) { makeElements(data) {
return data.map(r => return data.map(r =>
yRegion(r.startPos, r.endPos, this.constants.width, 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) { animateElements(newData) {

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

@ -465,8 +465,8 @@ export function yRegion(y1, y2, width, label, options = {}) {
let rect = createSVG('rect', { let rect = createSVG('rect', {
className: `bar mini`, // remove class className: `bar mini`, // remove class
styles: { styles: {
fill: `rgba(228, 234, 239, 0.49)`, fill: options.fill || `rgba(228, 234, 239, 0.49)`,
stroke: BASE_LINE_COLOR, stroke: options.stroke || BASE_LINE_COLOR,
'stroke-dasharray': `${width}, ${height}` 'stroke-dasharray': `${width}, ${height}`
}, },
// 'data-point-index': index, // 'data-point-index': index,