diff --git a/components/chart/day-column.js b/components/chart/day-column.js index 8f18736..e1f5b91 100644 --- a/components/chart/day-column.js +++ b/components/chart/day-column.js @@ -119,8 +119,9 @@ export default class DayColumn extends Component { const heightDiff = -leftY - -rightY const angle = Math.atan2(heightDiff, colWidth / 2) const lineStyle = excludeLine ? styles.curveExcluded : styles.curve - // hypotenuse - const h = (colWidth / 2) / Math.cos(angle) + // hypotenuse, we add 3px for good measure, because otherwise the lines + // don't quite touch at the day border + const h = (colWidth / 2) / Math.cos(angle) + 3 // the rotation by default rotates from the middle of the line, // but we want the transform origin to be at its beginning // react native doesn't have transformOrigin, so we do this manually @@ -132,7 +133,7 @@ export default class DayColumn extends Component { return (