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

Setting background image for chart is not working

2 Answers 159 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Prashant
Top achievements
Rank 1
Prashant asked on 04 Feb 2014, 10:03 PM
Hi,

I am trying to set the background image for the chart. I am referring the example http://demos.telerik.com/kendo-ui/dataviz/bar-charts/column.html 

and added copied the same code into my example, still it is not displaying the .png image as background image. It seems that the chart area is not transparent. I see the background image on chart in demo link above, but not on the chart I created. I am testing it on IE 9.  

I am using the Kendo UI version 2013.3.1316

I am attaching my test application. ( I removed dlls from bin folder and script folder to match .zip size for Upload )

My code is on Index.aspx.

2 Answers, 1 is accepted

Sort by
0
Iliana Nikolova
Telerik team
answered on 05 Feb 2014, 01:49 PM
Hi Prashant,

In order to achieve the desired outcome I can suggest setting transparent background to the chartArea
$("#chart").kendoChart({
  //....
  chartArea: {
     background: "transparent"
  }
});

Regards,
Iliana Nikolova
Telerik

Check out the new Telerik Platform - the only modular platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native apps. Register for the free online keynote and webinar to learn more about the Platform on Wednesday, February 12, 2014 at 11:00 a.m. ET (8:00 a.m. PT).

0
Prashant
Top achievements
Rank 1
answered on 05 Feb 2014, 02:14 PM
It worked!.

Seems chartArea section is missing from the example I referred.  

Thanks Iliana
Tags
Charts
Asked by
Prashant
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
Prashant
Top achievements
Rank 1
Share this question
or