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

Remove 3d Effect

4 Answers 189 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 09 Dec 2019, 09:03 PM

Can you recommend way to remove 3d effect from charts?

Thank you

4 Answers, 1 is accepted

Sort by
0
David
Top achievements
Rank 1
Iron
Iron
Veteran
answered on 10 Dec 2019, 08:17 PM
Just in case it is not clear i attached "from" "to" kind of pictures
0
Vessy
Telerik team
answered on 12 Dec 2019, 02:36 PM

Hi David,

Setting the HtmlChart's underlying Kendo widget's seriesdefaults.overlay.gradient to "none" will bring the target flat look. For example, you can set this option in the chart's client-side load event in a similar way:

        <script>
            function onChartLoad(chart, args) {
                chart.get_kendoWidget().setOptions({
                    seriesDefaults: {
                        overlay: {
                            gradient: "none"
                        }
                    }
                });
            }
        </script>
        <telerik:RadHtmlChart ID="RadHtmlChart1" runat="server" Width="800" Height="500">
            <ClientEvents OnLoad="onChartLoad" />
            <PlotArea>
                <YAxis MinValue="0"></YAxis>
            </PlotArea>
        </telerik:RadHtmlChart>

 

Regards,
Vessy
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
David
Top achievements
Rank 1
Iron
Iron
Veteran
answered on 13 Dec 2019, 06:59 PM

Very nice!

Thank you

0
Vessy
Telerik team
answered on 16 Dec 2019, 09:39 AM

Hi,

You are welcome, David :)

Regards,
Vessy
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Chart (HTML5)
Asked by
David
Top achievements
Rank 1
Iron
Iron
Veteran
Answers by
David
Top achievements
Rank 1
Iron
Iron
Veteran
Vessy
Telerik team
Share this question
or