Skip to content

Cubic interpolation borderWidth:0 interpolation issue #9591

@escapedcat

Description

@escapedcat

Expected Behavior

image
Interpolation should look smooth (without a border)

Current Behavior

image
Weird bezier issue

Possible Solution

Workaround:
use borderWidth: 1 and a matching borderColor

Steps to Reproduce

https://codepen.io/escapedcat/pen/XWgbqzE

Context

Wanted a smooth cubic interpolation chart without border but width background

Environment

  • Chart.js version: 3.5.1
  • Browser name and version: OSX Chrome Version 92.0.4515.131 (Official Build) (x86_64)
  • Link to your project: -

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions