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 :)

Hello Ilias ,

Thank you for sharing the cause and solution to the issue in the community.

I am glad that the matter has been resolved.

"matter has been resolved"? WHERE?

Bug. 100% height = 1 pixel. Working around a bug is not "resolving the issue".

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?

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.

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.

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.