Please note, also, the igSparkline component which is specifically designed for showing a lightweight trend.

I don’t seem to be able to replicate it locally, but your errors are indicating that jQuery probably isn’t loading correctly. So I was wondering if there was some interference between the jquery and jquery mobile versions you are using together. Are you sure you have two that should work together appropriately? If I use these versions:

<script src=“http://code.jquery.com/jquery-1.10.1.min.js&#8221;></script>

<script src=“http://code.jquery.com/jquery-migrate-1.2.1.min.js&#8221;></script>

<script src=”Scripts/jquery-ui-1.8.9.custom.js” type=”text/javascript”></script>

 

Things are loading for me appropriately with no errors. Also be very cautious with timing. I think the default bundle load in an MVC4 template is at the end of the body, so if you are adding scripts to the head anywhere, they will get loaded before any of the bundle scripts.

Hi,

Its difficult to know what the error might be without being able to repro this on our side. Would it be possible to send an isolated repro project?

Also, I believe we ship some debug versions of the javascript files with the 13.1 project, if I recall correctly. So it may help to load with those and see if it provides more info about the failure location. I believe the only place we call hide is on a jQuery wrapped object we are trying to hide from view. This would indicate that we weren't able to find what we are trying to hide, which will only ever be the tooltip, or elements of the overview plus detail pane. If you disable both of those, it may indicate which is causing the problem in your case.

I see you are loading jQuery mobile, does the error still occur if you do not?

-Graham

Do you actually have the tooltipTemplate defined anywhere on your page? Do you get the error still if you turn off tooltips for the series?

 

-Graham

What I was interested to see, rather than the code, was all the, in order javascript references you were making for the page in question.

Hi,

Is it possible you could provide a sample that reproduces that error? Its hard to comment on if I can't see your javascript references.

-Graham

Hi, 

There are three css classes that are applied to the chart's container by default. These are:

ui-corner-all

ui-widget-content

ui-chart-container

The first two are well known classes provided by jQuery UI themeroller. If you were to apply a themeroller theme rather than the infragistics theme, then the components would look different depending on how those well known classes were defined for that theme. The ugly border, as you put it, comes from ui-corner-all. The easiest way to disable it is to override that border color in css:

.ui-chart-container
{
border: transparent;
}

Here is an example: 

http://jsfiddle.net/gmurray/SxBKq/

It is changing the border to be transparent in the ui-chart-container class, which is applied to the chart with higher priority than the themeroller classes.

Hope this helps!

-Graham