jingrow/charts
1
0
Fork 0
Code Pull Requests Activity

style: linting fixes

Browse Source
This commit is contained in:
Shivam Mishra 2019-10-30 15:55:23 +05:30
parent ce67836445
commit 999d5acc74
2 changed files with 9 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/js/charts/FunnelChart.js
View File

@ -1,13 +1,12 @@
import AggregationChart from './AggregationChart';
import { getOffset } from '../utils/dom';
import { getComponent } from '../objects/ChartComponents';
import { getEndpointsForTrapezoid } from '../utils/draw-utils'
import { getEndpointsForTrapezoid } from '../utils/draw-utils';
export default class FunnelChart extends AggregationChart {
constructor(parent, args) {
super(parent, args);
this.type = 'funnel';
funnel = this;
this.setup();
}
@ -20,20 +19,20 @@ export default class FunnelChart extends AggregationChart {
const baseWidth = (2 * totalheight) / Math.sqrt(3);
const reducer = (accumulator, currentValue, index) => accumulator + currentValue;
const reducer = (accumulator, currentValue) => accumulator + currentValue;
const weightage = s.sliceTotals.reduce(reducer, 0.0);
const center_x_offset = this.center.x - baseWidth / 2;
const center_y_offset = this.center.y - totalheight / 2;
let slicePoints = [];
let startPoint = [[center_x_offset, center_y_offset], [center_x_offset + baseWidth, center_y_offset]]
s.sliceTotals.forEach((d, i) => {
let startPoint = [[center_x_offset, center_y_offset], [center_x_offset + baseWidth, center_y_offset]];
s.sliceTotals.forEach(d => {
let height = totalheight * d / weightage;
let endPoint = getEndpointsForTrapezoid(startPoint, height);
slicePoints.push([startPoint, endPoint]);
startPoint = endPoint;
})
});
s.slicePoints = slicePoints;
}
@ -60,15 +59,12 @@ export default class FunnelChart extends AggregationChart {
}));
}
makeDataByIndex() { }
bindTooltip() {
function getPolygonWidth(slice) {
const points = slice.points;
return points[1].x - points[0].x
return points[1].x - points[0].x;
}
let s = this.state;
this.container.addEventListener('mousemove', (e) => {
let slices = this.components.get('funnelSlices').store;
let slice = e.target;

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

@ -191,13 +191,13 @@ export function percentageBar(x, y, width, height,
}
export function funnelSlice(className, start, end, fill='none') {
const points = `${start[0].join()} ${start[1].join()} ${end[1].join()} ${end[0].join()}`
const points = `${start[0].join()} ${start[1].join()} ${end[1].join()} ${end[0].join()}`;
let args = {
className: 'funnel-slice',
points: points,
fill: fill
}
return createSVG("polygon", args)
};
return createSVG("polygon", args);
}
export function heatSquare(className, x, y, size, fill='none', data={}) {