Changing devicePixelRatio on the fly

[doompadee]

Howdy,

I'm trying to temporarily adjust the devicePixelRatio of a chart to create a higher quality image (for printing purposes).

chart.config.options.devicePixelRatio = 4;
chart.render();

I'm using a plugin to create the image once the chart is rendered after the config change:

{
  id: 'higherResolution',
  afterRender: function(chart) {
    if (chart.config.options.devicePixelRatio === 4) {
      const image = chart.toBase64Image();
      ...
    }
  }
}

But the image still uses the standard pixelRatio and ends up being blurry.

Is it not possible to change the pixel ratio? Or am I doing something wrong?

[kurkle]

I think render() is not enough, update() or resize() should reflect to the pixel ratio change.

[doompadee]

Thanks. I already had tried update() to no avail.

But resize() does the trick, albeit with a catch: this causes two render events, but I can deal with that and achieve the desired result. Great!