Shopify/polaris-viz

[High impact] SparklineChart on iOS appears blurry

Opened this issue · 3 comments

Bug summary

The SparklineChart being used in the native API is appearing blurry no matter the size of the chart on iOS devices or simulators. It seems to be non vectorized compared to the Android equivalent.

Android (currently) iOS (currently)
Android-SparkLineChart iOS-SparkLineChart

Another issue that might affect this is that UX designs require a thicker sparkline stroke width, such as 1.5px.
Overriding the Default theme does not help as there is no property to modify a sparkline width.

Already logged:

image

Specifications

  • Polaris-Viz version number: polaris-viz-native 4.7.5
  • Device: iOS & Android

#1426 (comment)

Are we sure this is a stroke width issue? Even the circle at the end is pixelated?

Are we sure this is a stroke width issue? Even the circle at the end is pixelated?

The stroke width is a nice to have property to change since our Polaris designs are going for a 1 px stroke width. The more important issue is that everything is pixelated on iOS.