Pie chart Export as HTML5 Canvas

[MicroSolutions]

Hello,

We have an issue with Pie Chart. We show it on a browser using the HTML5 Canvas export function. In HTML5 the Pie slices are drawn clockwise, the original vcl one was anticlockwise. We transfer the HTML5 click to the original vcl Pie resulting obviously a wrong clicked slice.

If you see my screenshot of the two pie images it is like the HTML5 one is vertically flipped, however the marks stayed at their original place which is obviously wrong.

Can you fix the export, please? Do you have any workaround suggestion until then?

Best regards,
MicroSolutions

pie html5 canvas export bug.png (305.54 KiB) Viewed 9660 times

[Yeray]

Hello,

I see the marks at the correct positions. What TeeChart VCL version are you using? What the link to the teechart.js at the header of the generated html page?

I see the Pie slices are drawn anticlockwise in VCL and clockwise in JavaScript. I've added it to the public tracker:
http://bugs.teechart.net/show_bug.cgi?id=2210

[MicroSolutions]

Hello Yeray,

Thank you for your respone. Version: TeeChart Pro V2018.25.180808 64bit VCL

I use "Export as HTML5 Canvas" not "Export as HTML5 JScript". There is no teechart.js in the generated page.
I try to be more exact:

Export as HTML5 Canvas details.png (214.21 KiB) Viewed 9618 times

The javascript export returns a result which is even more different than the original vcl chart. It looks like this for the same vcl chart.

Export as HTML5 JScript.png (115.37 KiB) Viewed 9618 times

It looks this slices are ordered by value. It had the link you were looking for in the generated file

<script src="http://www.steema.com/files/public/teec ... eechart.js" type="text/javascript"></script>

But I do not use this JScript export, I do not know if I can influence it looks via code, what I need is the first one (HTML5 Canvas Export) to be fixed. Thank you.

BR,
MicroSolutions

[Yeray]

Hello,

Thanks for the clarification.
I've just fixed it for both Export methods for the next maintenance release.