Add Heat Map Beside Every Chart And Adjust Heat Map Size

See more:

C#

ASP.NET

Javascript

hi, I have a heatmap which is an image and I would like to add it beside every chart in each tab. I can produce the heatmap beside the chart but only 1 heatmap is being produced beside 1 chart. I want to have one heatmap beside every chart (See here: http://i.stack.imgur.com/My7MT.png[^]). Also, the height of the heatmap must be the same as the height of the chart, which is what is shown from the output picture.

This is the output I want to achieve: (See here: http://i.stack.imgur.com/2ybT0.png[^]).

This is my codes:

foreach (ListItem item in SelectionListBox.Items)
                {
                    Label tabContent = new Label();
                    tabContent.ID += item.Value;
                    //tabContent.Text += item.Value;

                    AjaxControlToolkit.TabPanel panel = new AjaxControlToolkit.TabPanel();
                    panel.HeaderText += item.Text;
                    container.Tabs.Add(panel);
                    panel.Controls.Add(tabContent);
                    System.Web.UI.WebControls.Image img = new System.Web.UI.WebControls.Image();
                    img.ID = "HEATMAP";
                    img.Width = 40;
                    img.Height = 300;
                    img.ImageUrl = "HEATMAP.png";
                    if (tabContent.ID == "BoxPlot2")
                    {
                        panel.Controls.Add(Chart1);
                        panel.Controls.Add(img);
                        panel.Controls.Add(Chart2);
                        panel.Controls.Add(img);
                    }

Question: How can I add one heatmap to every chart in the tab?

How can I set the heatmap such that it will be same height as the chart?


Can someone help me on this? Thanks a lot!