This is a migrated thread and some comments may be shown as answers.

Labels look weird in export file

7 Answers 52 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
David
Top achievements
Rank 1
Iron
Iron
Veteran
David asked on 08 Apr 2020, 01:43 PM

I attached the pic showing the issue.

Here is the code:

  var exportManager = $find("<%= RadClientExportManager1.ClientID %>");
  var charts = $telerik.$(".RadHtmlChart");

   exportManager.exportImage($(charts[3]));

Any suggestions?

Thank you

7 Answers, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 13 Apr 2020, 11:16 AM

Hi David,

Such behavior can be observed if the chart is smaller than its PlotArea needs to be fully rendered. In this case all elements shown "outside" the HtmlChart (which are not visible), will appear not fully rendered in the image.

If this is not the case at your end, please, send me the setup of the chart that you have so I can examine the behavior further at my end.

Regards,
Vessy
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
0
David
Top achievements
Rank 1
Iron
Iron
Veteran
answered on 13 Apr 2020, 12:29 PM

Hi Vessy,

  I tried to manipulate size of chart with no success.

  Here is my code:

     <telerik:RadHtmlChart runat="server" ID="pieOnsiteAviation_State" style="display:none;"
                                          Width="1250px" Height="480px" 
                                          Transitions="true">
                        <ChartTitle Text="Jobs by Sector (On-Airport)" >                
                          <Appearance Align="Center" Position="Top" Visible="false">
                                <TextStyle Bold="true"/>
                          </Appearance>
                        </ChartTitle>
                        <Legend>
                            <Appearance Position="Bottom" Visible="false">
                            </Appearance>
                        </Legend>
                        <PlotArea>
                            <Series>
                                <telerik:PieSeries DataFieldY="TotalEmployment_State" NameField="IndustryName">
                                     <LabelsAppearance Position="OutsideEnd" DataField="IndustryName">
                                    </LabelsAppearance> 
                                     <TooltipsAppearance Color="White" DataFormatString="{0:N0}">
                                       <ClientTemplate>
                                            #=dataItem.IndustryName# :  #=dataItem.TotalEmployment# Jobs (#=dataItem.TotalEmployment_Percent_State#%) 
                                       </ClientTemplate>
                                    </TooltipsAppearance> 
                                </telerik:PieSeries>
                            </Series>
                        </PlotArea>
                   </telerik:RadHtmlChart>

    If i use "InsideEnd" for LabelAppearance it works fine ( i need it to be OutsideEnd though)

Thank you

David

 

0
Vessy
Telerik team
answered on 16 Apr 2020, 10:16 AM

Hi David,

Thank you for the provided snippet. I examined the problem further and it turned out to be caused due to a bug in the underlying Kendo UI widget of RadHtmlChart. I have logged it and you can track its progress here:

https://feedback.telerik.com/kendo-jquery-ui/1462088

I have also updated your Telerik points accordinly.

Regards,
Vessy
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
0
David
Top achievements
Rank 1
Iron
Iron
Veteran
answered on 16 Apr 2020, 12:03 PM

Hi Vessy,

   But is it possible to work around this issue?

   It worked before

Thank you

David

0
Vessy
Telerik team
answered on 21 Apr 2020, 10:18 AM

Hi David,

Unfortunately, there is now any suitable workaround for this issue that we can suggest you at the moment.

I reverted back to Kendo UI versions from 2017, but the problem was still reproducible there. Can you, please, share the version you were using before when the chart has been still exported properly?

Regards,
Vessy
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
0
David
Top achievements
Rank 1
Iron
Iron
Veteran
answered on 21 Apr 2020, 11:06 AM
Can't really tell, but it did work :)
0
Vessy
Telerik team
answered on 24 Apr 2020, 06:53 AM

Hi,

Thank you for the update, David. Our developers will examine the issue further once they get to it.

Regards,
Vessy
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
Tags
Chart (HTML5)
Asked by
David
Top achievements
Rank 1
Iron
Iron
Veteran
Answers by
Vessy
Telerik team
David
Top achievements
Rank 1
Iron
Iron
Veteran
Share this question
or