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

[Solved] how to specify background image for plotarea of chart

2 Answers 642 Views

Charts

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

2 Answers, 1 is accepted

answered on 10 Oct 2024, 11:29 AM

Hi, I just found a solution that worked for me with a slight addition to the answer above.
For completeness, set the chart-area to transparant (or less transparent using color+opaque).
Tip: for a resizable image, set the resize styling.

For example:

<div id="chart" style="background-image: url('.....png');background-repeat: no-repeat;background-attachment: fixed;background-size: 100% 100%;">
</div>
<script>
$("#chart").kendoChart({
  chartArea: {
    background: "transparent", //or color
    opacity: 0.1 //or opacity
  },
  series: [
    { data: [1, 2, 3] }
  ]
});
</script>