I need to resize this UltraChart control when the window resizes. The code gets executed, but the height does not change. Debug IE shows me that this should be the object to change. I also tried document.getElementById("UltraChart1_BaseImage").setAttribute("height", 1000);
example code
<body onresize="ResizeControl()">
...
<script> function ResizeControl() { try {
var chart = document.getElementById("UltraChart1_BaseImage");
chart.height = 1000;
}
<script>
Well, most of my issues are because it will only work if published. This works
var chart = document.getElementById("UltraChart1_BaseImage"); chart.style.height = document.documentElement.clientHeight - 60; chart.style.width = document.documentElement.clientWidth - 20;
But now a bigger problem... This fails to work
UltraChart1_ChartDataClicked
Well UltraChart1_ChartDataClicked fires, but it appears that I'm stretching the canvas, so it's all off.
Does anybody have a way to resize this control "properly" when the form is resized?
Hello air1kdf ,
Thank you for posting in our forum.
Resizing the chart on the client side is not recommended.
The chart itself renders as an image that’s created on the server side. The additional interactions are achieved using a map element, which contains the different areas of the chart.
Each area element has shape and coordinates. The different interaction of the chart are mapped to them.
So when you resize just the image on the client side, those areas that provide the additional functionalities no longer match with the elements on the chart image.
If you need to resize the chart, the recommended way to do it would be to change the width and height of the chart on the server side. That would render a new image with those dimensions and related map with areas.
Let me know if you have any questions or concerns regarding this.
Best Regards,
Maya Kirova
Developer Support Engineer II
Infragistics, Inc.
http://es.infragistics.com/support