Imbedding a chart in view

Has anyone tried and successfully done this:  I am tring to imbed the MIN/MAX RESPONSE TIME for a HTTPS in APM and want to incorporate that chart into my network view, so far I have been unseccessfull.  I tried to copy the code from the area of the Monitor Details page and paste into Cusyome HTML area, I get everything (header, title bar, text) but no Graph, just links the text MIN/MAX Average Response time / TODAY  text to page with chart.  Can some one please help??

What is the custom html that you have used so far?

html copied from a MIN/MAX/AVG Chart for a WEB-UE in APM under the APM MONNITOR DETAIL VIEW    just trying to get the chart view to come up in a summary view for the product.  Summ view will watch over and report on approx 600 devices, since APM is watching response time for web related to all these sites, would like to show MIN/MAX/AVG response time in view for management

Actually, I was looking for the HTML code that you used

 

 

 

<span><div class="Chart"><a href="/Orion/Apm/CustomChart.aspx?ChartName=MonMMAResponse&NetObjectId=AM%3a74&Period=TODAY&SampleSize=15M" mce_href="/Orion/Apm/CustomChart.aspx?ChartName=MonMMAResponse&NetObjectId=AM%3a74&Period=TODAY&SampleSize=15M"><div class="Title">Chairside Web- UE</div><div class="Subtitle">MIN/MAX Average Response Time </div><div class="Timespan">TODAY</div></a><div onclick="location='/Orion/Apm/CustomChart.aspx?ChartName=MonMMAResponse&NetObjectId=AM%3a74&Period=TODAY&SampleSize=15M'" class="IgWrapper">
   <div id="ctl00_ctl00_ContentPlaceHolder1_ApmMainContentPlaceHolder_resHost_resContainer_rptColumn2_ctl00_ctl01_

Wrapper_ctl00_chart" style="">
   <table id="ctl00_ctl00_ContentPlaceHolder1_ApmMainContentPlaceHolder_resHost_resContainer_rptColumn2_ctl00_ctl01_

Wrapper_ctl00_chart_table" style="left:0px; top:0px; position: relative; z-index:4;">
   <tr>
   <td style="left:0px; top:0px; width:600px; height:300px;" >
      <div style="left:0px; top:0px; position: relative; width:600px; height:300px;">

   <img id="ctl00_ctl00_ContentPlaceHolder1_ApmMainContentPlaceHolder_resHost_resContainer_rptColumn2_ctl00_ctl01_

Wrapper_ctl00_chart_BaseImage" src="/Orion/APM/Controls/ChartImagePipe.aspx?ChartID=ctl00$ctl00$ContentPlaceHolder1$ApmMainContentPlaceHolder$resHost$resContainer$rptColumn2$ctl00$ctl01$Wrapper$ctl00$chart_Base&KxRx=0x09690" mce_src="/Orion/APM/Controls/ChartImagePipe.aspx?ChartID=ctl00$ctl00$ContentPlaceHolder1$ApmMainContentPlaceHolder$resHost$resContainer$rptColumn2$ctl00$ctl01$Wrapper$ctl00$chart_Base&KxRx=0x09690"  onmousemove="if(typeof(ctl00_ctl00_ContentPlaceHolder1_ApmMainContentPlaceHolder_resHost_resContainer_rptColumn2_ctl00_ctl01_

Wrapper_ctl00_chart_BaseMove)!='undefined')ctl00_ctl00_ContentPlaceHolder1_ApmMainContentPlaceHolder_resHost_resContainer_rptColumn2_ctl00_ctl01_

Wrapper_ctl00_chart_BaseMove(event)" style="width:600px; height:300px; z-index:0; border-width:0px;" usemap="#RxActImg_ctl00_ctl00_ContentPlaceHolder1_ApmMainContentPlaceHolder_resHost_resContainer_

rptColumn2_ctl00_ctl01_Wrapper_ctl00_chart"    />
   <div id="ctl00_ctl00_ContentPlaceHolder1_ApmMainContentPlaceHolder_resHost_resContainer_rptColumn2_ctl00_ctl01_

Wrapper_ctl00_chart_igWindowVuer" style="position:absolute; z-index:1;"  > </div>
   

   </div>

What I am trying to do is embed the detail map (it is a chart of MIN/MAX/AVG response time for a web site) into a summary page view.  What I am trying to show is in the summary view for management, show a MIN/MAX/AVG response chart for the web site associated with the product.

That didn't work   doesn't open graphic, just the infamous x in a square.

Ok, let's try this and see if it works for you.

1. Get to the printable version as suggested by Josh.
2. With the resource detached, view its source html code.
3. Search for IMG tag and there should be only one. The src for this IMG tag should be a URL with a direct link to the graphic chart
5. Again, as Josh suggested, paste this URL into your custom HTML code

Let us know how it works out.

josh.clark:

Will this work?

1. On the Monitor Details page, click on the chart you want.
2. Customize the chart to show the time period, sample size, etc you want.
3. Click the "Printable Version" button.
4. Copy the URL for this page. 
   
5. In your Custom HTML resource, add this HTML:  <img src="url_from_step_4">

I have this working.  However, I would also like to be able to include the chart "View Options" drop-down on my custom page chart title bars.  I just can't seem to figure what code to pull from the Node Details source to make this work.  Does anyone know how to do this?

I'm guessing you're not talking about the chart for "MIN/MAX RESPONSE TIME for a HTTPS in APM" that you mentioned in your originl post. No such "View Options" exist on these APM charts.

qle:

I'm guessing you're not talking about the chart for "MIN/MAX RESPONSE TIME for a HTTPS in APM" that you mentioned in your originl post. No such "View Options" exist on these APM charts.

Your right qle.  I was referring to the Node Details & Interface Details charts in NPM.  I posted to NPM forum in a similar thread in hopes of running across someone that has possibly added the View Options to a chart in a custom view.

Hi, I would like to do the same and am unable to get this working. We are running V9SLX.

I'm trying to create a custom view to show %utilisation charts for a number of key interfaces across different nodes. Ideally I'd also like to include some Netflow charts as well, like 'Top xx Applications'. In fact, what I really want is to have utilisation charts for the WAN interfaces, but 'Top xx applications' for the whole node (not just the WAN interface); as we can only collect Netflow statistics inbound on any interface, to get a full picture of application traffic both in and outbound we need to aggregate the Netflow statistics from both the WAN and LAN interfaces (inbound for each interface), essentially the 'node level' and not interface level figures.

 

Can someone offer advice as to how I might do this; it seems like a pretty reasonable thing to want to do!

 

Experimenting with a custom 'Interface Details' view, I find I can add a 'Percent utilisation' chart and a 'Top xx applications' chart which works, for a single interface, but does not allow me to alter the time span for the 'Top xx applications' chart, even though I can alter the time span of the 'Percent utilisation' chart. Trying this in a custom 'Netflow interface details' fails with an error.

 

So, how do I create a custom page, showing utilisation graphs of a number of different interfaces, along with pertinent Netflow data?

 

Have you attempted to follow any of the aforementioned instructions to embed a utilization graph? If you can get one graph in there, it's very simple to setup the rest. As for NetFlow, I don't have that add-on module but I'm guessing the steps would be similar.

Hi,

Yes I have tried, but without success! If I 'detach' the 'Min/Max/Average Percent Utilisation' graph, then view the 'Printable version's source HTML, I find that the only <img> tag is as follows:

<img id="customChart_ctl00_chart_BaseImage" src="/Orion/Controls/ChartImagePipe.aspx?ChartID=customChart$ctl00$chart_Base&KxRx=0x05190"  onmousemove="if(typeof(customChart_ctl00_chart_BaseMove)!='undefined')customChart_ctl00_chart_BaseMove(event)" style="width:640px; height:414px; z-index:0; border-width:0px;" usemap="#RxActImg_customChart_ctl00_chart"    />

As you can see, the source is ChartImagePipe.aspx, and copying this into a custom HTML resource on another page yields nothing.

I also read in another thread (http://thwack.com/forums/p/9299/40853.aspx#40853) that this is a change in V9, from the previous method that used ViewChart.asp, and does not allow for passing all the required parameters to create the chart. The response from SW was:

"This will be fixed in the next service pack. There will be a new URL for charts that (like the old one) supplies all of the parameters needed to generate the chart instead of using ChartImagePipe.aspx and relying on the asp.net session."

My HTML is very limited, but I assume that there is still a way to get this working in V9, though it may be more complex than the solution above. Being able to only show data/stats relating to just one interface on any one page seems quite a severe limitation!

Cheers,

-phil