Blur area chart

[sonika]

Hi,
I have an issue related to area charts that are being rendered blurry when it opened in popup(here i am using transform css to make a popup basically this is not a modal) and my screen zoom level is 100%.
Does anybody know why that happen?

[Thangaraj Raman]

@sonika,

Can you please create a JSFiddle reproducing the issue you are facing and share it with us so that we can look into the code, understand the scenario better and help you out?

—
Thangaraj Raman
Team CanvasJS

[sonika]

Hi Thangaraj Raman,

Thank you for your response.
I have reproduced the issue https://jsfiddle.net/oL6sjcb8/1/
Please click on Portfolio Trend heading to produce the issue

[sonika]

Hi,
Can you please look into this issue.

[Thangaraj Raman]

@sonika,

Based on the JSFiddle shared by you, calling chart.render() inside the click event handler after the class expandedgraph is added to the DIV container seems to be working fine. Please check the below code snippet –

$("#PortfolioTrend").click(function () {
  $("#zoom").addClass("expandedgraph");
  chart.render();
})

Also, please take a look at this JSFiddle for a working example.

—
Thangaraj Raman
Team CanvasJS