This discussion has been locked. The information referenced herein may be inaccurate due to age, software updates, or external references.
You can no longer post new replies to this discussion. If you have a similar question you can start a new discussion in this forum.

Custom Chart Image Dimensions

Hello,

    Does anyone know of a way to edit the horizontal and vertical dimensions for the graphs displayed on both the Node Details (think Latency & Packet Loss) and Interface Details (Percent Utilization, Errors/discards, etc.)?

We currently have quite a few charts for each view and it's a lot easier to view the graphs at smaller dimensions than what the service automatically renders them to.  Something around the 1200 x 380 mark would be ideal.

I did cheat a little bit and replace the 'Latency & Packet Loss' graph with a custom HTML resource.  Within, I added the following code:

<html>
<body>
<div style="width: 1200px; text-align:center; padding:1px; padding-bottom:1px; ">
<img src="" id="graphs"/>
</div>
<script type="text/javascript">
function gup( name )
{
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return results[1];
}
var geturl_param = gup( 'NetObject' );
var GETURL_FINAL = geturl_param.toString();
document.getElementById("graphs").src = "http://********************/Orion/NetPerfMon/Chart.aspx?ChartName=AvgRTLoss&NetObject="+GETURL_FINAL+"&ResourceID=17&NetObjectPrefix=N&Rows=&Title=&SubTitle=&SubTitle2=&Period=Last%2024%20Hours&CustomPollerID=&SampleSize=5M&ShowTrend=False&FontSize=1&PlotStyle=&SubsetColor=&RYSubsetColor=&Width=1200&Height=380&ReturnTo=aHR0cDovL2VuZ3N3cnB0OjgwODAvT3Jpb24vTmV0UGVyZk1vbi9Ob2RlRGV0YWlscy5hc3B4P05ldE9iamVjdD1OOjEx";
</script>
</body>
</html>

While I understand this is a flawed approach, it has helped to size the graph the way I'd like.  Basically I get the NodeID from the current URL, toss it in a variable and use that variable to generate a URL that links to the graph image.

I cannot use this approach for other graphs, namely ones that are tied to custom pollers.  There are several nodes being monitored that use a handful of customer pollers, and each of them has different interfaces that need to be graphed. (Some are active, some are inactive - it varies across the board.)

Here is an original 'Latency & Packet Loss' graph:

NotSoCustomChart.png

Here is the same graph custom-sized through the above script:

CustomChart.png

Please tell me there is an easier way to do this...

Regards,

JS