Clipped chart text with canvas

[toqueheadParticipant]

My chart renders fine with a render engine of SVG, but text is clipped with HTML5, which is required for saving as png/pdf.

SVG chart:

Canvas chart (note clipping of title and x-axis labels, and title font is quite different):

Any remedies?

[ivailoParticipant]

Hi toquehead,

Try to increase titlePadding on position top.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[toqueheadParticipant]

I forgot to mention that padding and titlePadding made no difference to the clipping..

[ivailoParticipant]

Hi toquehead,

Try to update to the latest version 3.8.1

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[toqueheadParticipant]

How do I tell what version I’ve got? We upgraded a couple months back. Isn’t 3.8.2 your latest?

[ivailoParticipant]

Hi toquehead,

Yes. The latest version right now is 3.8.2
Tho check the version of your widgets you can open some of the .js files and look the comment in top left.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[toqueheadParticipant]

I was using 3.8.0, but tried 3.8.2. No difference.

What else can you suggest?

[ivailoParticipant]

Hi toquehead,

Please send a fiddle with your code for analyze, because we can’t reproduce that behavior.
Also please give information about your browser, OS, etc.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[toqueheadParticipant]

It occurs if you define the css rule:

span { font-size: x-small; }

I edited one of your fiddles: http://jsfiddle.net/WnUMv/197/

I observer this on Chrome 44 on Win 7, but not IE 11.

[ivailoParticipant]

Hi toquehead,

Like a workaround you can apply some new class to your span elements with { font-size: x-small; }. Then it will be not common setting and will not reflect to the chart.
Here is a demo.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[toqueheadParticipant]

From my perspective, I am working on a Web app that has been developed over 10 years with at least tens of programmer years of development, and re-classing every <span> in the application so your chart text works is just not workable. This, IMO, is quite clearly a jqxChart bug.

I can come up with a workaround with a rule like:

div.charting-component-wrapper span { font-size: inherit }

But I am still working around your bug.

[Peter StoevKeymaster]

Hi toquehead,

We will look into the reported behavior and IF we veify that it is a bug, then we will add a work item.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts