Goodmorning,

yesterday i tried this approach : container with % dimensions, chart with % dimensions, the width was OK but the height was 1px. So i set the height with constant size on Js and on window resize event, i change the size of chart height. I think that happens because bootstrap spans gives width to their elements but not height!

Thanks for your answer :)

Uhm...
What you expected seems to work for a sample chart, but when you are going to use knockout something goes wrong...
I don't know if this is related to knockout, but just try this:

In the samples that 2013.2 version installs on pc (local samples), add a stylesheets ref to bootstrap on bind-data-chart-with-ko.html sample.
First you have to manage char height as you told, but hystogram bars do not appear...

I am UNABLE to solve this...

Please suggest me a solution, also because this "bug" is becoming very borin and unbelievable: bootstrap is not something new, and I think that, also with new version of Visual Studio, a lot of users will use it.

Thanks

Flavio M.

I also encountered the same problem, when I added bootstrap css to my page, the igDataChart couldn't render properly, any solution?

Unfortunately, in about one month, I could not get any info from IG team.

My solution was to simple migrate to another third part charts component, working fine with bootstrap library...

Flavio M.

Same here.

I actually got a "can not reproduce" by a totally incompetent Infragistics Support-Drone (I refuse to call that specialist) that actualy had made a repro case - using an outdated version of bootstrap (v2). Seems reading error reports is out of the competency requirements.  I did not bother to follow up.

As this particular customer project ONLY uses charts in HTML I am contemplating redoing the prototype using a cost-free third party component. The financial investment for Infragistics was hard to justify in this case anyway (due to the only one component used scenario).

Still I like Infragistics - but for this particular case it just makes no sense to go on with them. And would be nicer they would hire support people that are a little on top of technology.

Hello,

Thank you for your replies and feedback.

After further research, the CSS related issues in igDataChart when a Bootstrap reference is present have been isolated and this behavior has been logged in our internal system to be reviewed by our engineers. The tracking ID of the development issues is 160616.

@NetTecture and FlavioMaccarrone,

I have created private support tickets for you regarding this matter so that you will receive automatic notification when a fix for the described behavior is available. Your case numbers are CAS-130004-K3L9C8 and CAS-130003-Q6N4L9 respectively and I will contact you through them with more information.

Please do not hesitate to contact me if you have any questions.

Hi Tanmay,

I have created case CAS-131085-W7M2C0 and linked development issue 160616 for you.

As a temporary solution, our engineers suggest adding the following CSS in order to circumvent the CSS rules applied by Bootstrap which cause issues:

 <style>
     .ui-chart-category-axis-tick
     {
         box-sizing: content-box;
         -moz-box-sizing: content-box;
     }
 </style>
 

If you have any further questions or concerns with this, please let me know and I'll be glad to help.

Is it possible to be added to the affected users list for the following cases: CAS-130004-K3L9C8 and CAS-130003-Q6N4L9

This is a problem for our internal development using Ignite charts with Bootstrap css. It would be awesome if we can be kept in the loop of any possible solutions.