Improved alignment of pixels in scales at low widths (#8739)

etimberg · web-flow · commit 0b21578a3ada · 2021-03-27T15:00:21.000-04:00
* Improved alignment of pixels in scales at low widths
* Undo scale changes
diff --git a/src/helpers/helpers.canvas.js b/src/helpers/helpers.canvas.js
@@ -102,7 +102,7 @@ export function _longestText(ctx, font, arrayOfThings, cache) {
  */
 export function _alignPixel(chart, pixel, width) {
   const devicePixelRatio = chart.currentDevicePixelRatio;
-  const halfWidth = width / 2;
+  const halfWidth = width !== 0 ? Math.max(width / 2, 0.5) : 0;
   return Math.round((pixel - halfWidth) * devicePixelRatio) / devicePixelRatio + halfWidth;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -102,7 +102,7 @@ export function _longestText(ctx, font, arrayOfThings, cache) {`
`102`	`102`	`*/`
`103`	`103`	`export function _alignPixel(chart, pixel, width) {`
`104`	`104`	`const devicePixelRatio = chart.currentDevicePixelRatio;`
`105`		`- const halfWidth = width / 2;`
	`105`	`+ const halfWidth = width !== 0 ? Math.max(width / 2, 0.5) : 0;`
`106`	`106`	`return Math.round((pixel - halfWidth) * devicePixelRatio) / devicePixelRatio + halfWidth;`
`107`	`107`	`}`
`108`	`108`