<div>
Hi,<br>question: is there really a use case where the user generates the image on a mobile and use it on the mobile for other content generation?<br>Otherwise I would create the chart dynamically with fixed width and height (and responsive false) and as soon as the image data are available then destroy this "dummy" chart.<br>Just my 2ct<br>Rainer<br><br>
</div>


<div>
so i can have two versions of the chart. One hidden, but with a size of 800*800, and the other responsive that the user sees. &nbsp;When they which to save the image i fetch it from the hidden version.<br><br>Do you know if it is possible to copy a chart to a hidden div, change the responsive option, download it and then destroy it?
</div>


soozh

<div>
Thanks Scott. &nbsp;I have already tested by having a hidden copy all the time. &nbsp;They share the same dataset so its simple to update.
</div>


Developer & Coffee Roaster

Scott Fell

<div>
<div class="content wysiwyg-content fr-view">
<p>I am using charts.js to draw a polar chart. &nbsp; When the chart is complete i want to make it available as a download to the user so they can use it in presentations etc.</p><p><br></p><p>To do this i use toBase64Image()</p><p><br></p><p>However i have realized that the image is rendered at the same size as it appears on the screen. &nbsp;Understandably i guess!. &nbsp;However when my app is run on a mobile the resulting image is &nbsp;too small to be used elsewhere. &nbsp; I would like it to be at least 400*400 pixels.</p><p><br></p><p>Is there another strategy i can employ? &nbsp;Can I redraw the chart in a hidden div which has a larger size, or perhaps render it server side?&nbsp; Any ideas would be appreciated.</p><p><br></p><p>I am using MVC 5 <a rel="ugc nofollow" target="_blank">ASP.NET</a>&nbsp;C#.&nbsp;</p>
</div>
</div>



I am using charts.js to draw a polar chart.   When the chart is complete i want to make it available as a download to the user so they can use it in presentations etc.
To do this i use toBase64Image()
However i have realized that the image is rendered at the same size as it appears on the screen.  Understandably i guess!.  However when my app is run on a mobile the resulting image is  too small to be used elsewhere.   I would like it to be at least 400*400 pixels.
Is there another strategy i can employ?  Can I redraw the chart in a hidden div which has a larger size, or perhaps render it server side?  Any ideas would be appreciated.
I am using MVC 5
ASP.NET
 C#. 

Saving chart drawn in charts.js as an image.

The successor to Active Server Pages, ASP.NET websites utilize the .NET framework to produce dynamic, data and content-driven web applications and services. ASP.NET code can be written using any .NET supported language. As of 2009, ASP.NET can also apply the Model-View-Controller (MVC) pattern to web applications

ASP.NET

Mobile web development, also known as responsive web design, is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.

Mobile

C# is an object-oriented programming language created in conjunction with Microsoft’s .NET framework. Compilation is usually done into the Microsoft Intermediate Language (MSIL), which is then JIT-compiled to native code (and cached) during execution in the Common Language Runtime (CLR).

charts.js

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.