Dynamic WebCharts on same page

[vadimm]

We have a need to be able to add WebChart Controls to page dynamically. We have query that returns some data. Based on that data we need to generate anywhere from 1 to 200 charts. I do no want to add 200 webchart controls through web designer manually. Is there a way to add them dynamically to web page and specifically to assign them to a certain cell within HtmlTable server control.

[Narcís]

Hi vadimm,

To achieve what you request you need to use Response.Write to write the tag above to the client.

Code: Select all

<tchart:WebChart id="WebChart1" style="Z-INDEX: 104; LEFT: 56px; POSITION: absolute; TOP: 56px" runat="server"
				Width="760px" Height="448px" TempChart="File" ClickedY="0" ClickedX="0" GetChartFile="GetChart.aspx"
				AutoPostback="False" Config="AAEAAAD/////AQAAAAAAAAAMAgAAAAhUZWVDaGFydAwDAAAADlN5c3RlbS5EcmF3aW5nBQEAAAAVU3RlZW1hLlRlZUNoYXJ0LkNoYXJ0dgAAAAYuV2lkdGgVLlBhbmVsLlNoYWRvdy5WaXNpYmxlFS5XYWxscy5SaWdodC5BdXRvSGlkZRsuV2FsbHMuUmlnaHQuU2hhZG93LlZpc2libGUULldhbGxzLkJhY2suQXV0b0hpZGUaLldhbGxzLkJhY2suU2hhZG93LlZpc2libGUWLldhbGxzLkJvdHRvbS5BdXRvSGlkZRwuV2FsbHMuQm90dG9tLlNoYWRvdy5WaXNpYmxlFC5XYWxscy5MZWZ0LkF1dG9IaWRlGi5XYWxscy5MZWZ0LlNoYWRvdy5WaXNpYmxlFi5Gb290ZXIuU2hhZG93LlZpc2libGUbLkZvb3Rlci5Gb250LlNoYWRvdy5WaXNpYmxlFi5IZWFkZXIuU2hhZG93LlZpc2libGUbLkhlYWRlci5Gb250LlNoYWRvdy5WaXNpYmxlDS5IZWFkZXIuTGluZXMZLlN1YkhlYWRlci5TaGFkb3cuVmlzaWJsZR4uU3ViSGVhZGVyLkZvbnQuU2hhZG93LlZpc2libGUbLkxlZ2VuZC5Gb250LlNoYWRvdy5WaXNpYmxlHC5MZWdlbmQuVGl0bGUuU2hhZG93LlZpc2libGUhLkxlZ2VuZC5UaXRsZS5Gb250LlNoYWRvdy5WaXNpYmxlFy5MZWdlbmQuVGl0bGUuRm9udC5Cb2xkGS5MZWdlbmQuVGl0bGUuUGVuLlZpc2libGUIU2VyaWVzLjAXLlNlcmllcy4wLlhWYWx1ZXMuVmFsdWUXLlNlcmllcy4wLlhWYWx1ZXMuQ291bnQXLlNlcmllcy4wLlhWYWx1ZXMuT3JkZXIjLlNlcmllcy4wLk1hcmtzLkZvbnQuU2hhZG93LlZpc2libGUeLlNlcmllcy4wLk1hcmtzLkNhbGxvdXQuTGVuZ3RoHi5TZXJpZXMuMC5NYXJrcy5DYWxsb3V0LkRyYXczRB0uU2VyaWVzLjAuTWFya3MuQ2FsbG91dC5TdHlsZSAuU2VyaWVzLjAuTWFya3MuQ2FsbG91dC5EaXN0YW5jZSEuU2VyaWVzLjAuTWFya3MuQ2FsbG91dC5BcnJvd0hlYWQjLlNlcmllcy4wLk1hcmtzLkNhbGxvdXQuQnJ1c2guQ29sb3IlLlNlcmllcy4wLk1hcmtzLkNhbGxvdXQuQXJyb3dIZWFkU2l6ZRcuU2VyaWVzLjAuTGluZVBlbi5Db2xvcg8uU2VyaWVzLjAuVGl0bGUbLlNlcmllcy4wLlBvaW50ZXIuUGVuLkNvbG9yGS5TZXJpZXMuMC5Qb2ludGVyLlZpc2libGUdLlNlcmllcy4wLlBvaW50ZXIuQnJ1c2guQ29sb3IXLlNlcmllcy4wLlBvaW50ZXIuU3R5bGUXLlNlcmllcy4wLllWYWx1ZXMuVmFsdWUXLlNlcmllcy4wLllWYWx1ZXMuQ291bnQcLlNlcmllcy4wLllWYWx1ZXMuRGF0YU1lbWJlcghTZXJpZXMuMRcuU2VyaWVzLjEuWFZhbHVlcy5WYWx1ZRcuU2VyaWVzLjEuWFZhbHVlcy5Db3VudBcuU2VyaWVzLjEuWFZhbHVlcy5PcmRlciMuU2VyaWVzLjEuTWFya3MuRm9udC5TaGFkb3cuVmlzaWJsZR4uU2VyaWVzLjEuTWFya3MuQ2FsbG91dC5MZW5ndGgeLlNlcmllcy4xLk1hcmtzLkNhbGxvdXQuRHJhdzNEHS5TZXJpZXMuMS5NYXJrcy5DYWxsb3V0LlN0eWxlIC5TZXJpZXMuMS5NYXJrcy5DYWxsb3V0LkRpc3RhbmNlIS5TZXJpZXMuMS5NYXJrcy5DYWxsb3V0LkFycm93SGVhZCMuU2VyaWVzLjEuTWFya3MuQ2FsbG91dC5CcnVzaC5Db2xvciUuU2VyaWVzLjEuTWFya3MuQ2FsbG91dC5BcnJvd0hlYWRTaXplFy5TZXJpZXMuMS5MaW5lUGVuLkNvbG9yDy5TZXJpZXMuMS5UaXRsZRsuU2VyaWVzLjEuUG9pbnRlci5QZW4uQ29sb3IZLlNlcmllcy4xLlBvaW50ZXIuVmlzaWJsZR0uU2VyaWVzLjEuUG9pbnRlci5CcnVzaC5Db2xvchcuU2VyaWVzLjEuUG9pbnRlci5TdHlsZRcuU2VyaWVzLjEuWVZhbHVlcy5WYWx1ZRcuU2VyaWVzLjEuWVZhbHVlcy5Db3VudBwuU2VyaWVzLjEuWVZhbHVlcy5EYXRhTWVtYmVyBy5IZWlnaHQTLkdyYXBoaWNzM0QuWENlbnRlchUuR3JhcGhpY3MzRC5QZW4uQ29sb3ITLkdyYXBoaWNzM0QuWUNlbnRlch8uR3JhcGhpY3MzRC5Gb250LlNoYWRvdy5WaXNpYmxlGi5HcmFwaGljczNELlN1cHBvcnRzM0RUZXh0HC5HcmFwaGljczNELlJvdGF0aW9uQ2VudGVyLlkcLkdyYXBoaWNzM0QuUm90YXRpb25DZW50ZXIuWhwuR3JhcGhpY3MzRC5Sb3RhdGlvbkNlbnRlci5YHS5HcmFwaGljczNELlRleHRSZW5kZXJpbmdIaW50FS5HcmFwaGljczNELkJhY2tDb2xvchUuR3JhcGhpY3MzRC5Vc2VCdWZmZXIZLkdyYXBoaWNzM0QuQnJ1c2guVmlzaWJsZRkuR3JhcGhpY3MzRC5TbW9vdGhpbmdNb2RlB1Rvb2xzLjAVLlRvb2xzLjAuWm9vbVBlbkNvbG9yGC5Ub29scy4wLkN1c3RvbVZhcmlhYmxlcxguVG9vbHMuMC5ab29tQ2FudmFzSW5kZXgHVG9vbHMuMRUuVG9vbHMuMS5ab29tUGVuQ29sb3IYLlRvb2xzLjEuQ3VzdG9tVmFyaWFibGVzGC5Ub29scy4xLlpvb21DYW52YXNJbmRleBkuU3ViRm9vdGVyLlNoYWRvdy5WaXNpYmxlHi5TdWJGb290ZXIuRm9udC5TaGFkb3cuVmlzaWJsZRouQXhlcy5SaWdodC5HcmlkLlpQb3NpdGlvbiEuQXhlcy5SaWdodC5MYWJlbHMuU2hhZG93LlZpc2libGUmLkF4ZXMuUmlnaHQuTGFiZWxzLkZvbnQuU2hhZG93LlZpc2libGUgLkF4ZXMuUmlnaHQuVGl0bGUuU2hhZG93LlZpc2libGUlLkF4ZXMuUmlnaHQuVGl0bGUuRm9udC5TaGFkb3cuVmlzaWJsZRsuQXhlcy5Cb3R0b20uR3JpZC5aUG9zaXRpb24iLkF4ZXMuQm90dG9tLkxhYmVscy5TaGFkb3cuVmlzaWJsZScuQXhlcy5Cb3R0b20uTGFiZWxzLkZvbnQuU2hhZG93LlZpc2libGUhLkF4ZXMuQm90dG9tLlRpdGxlLlNoYWRvdy5WaXNpYmxlJi5BeGVzLkJvdHRvbS5UaXRsZS5Gb250LlNoYWRvdy5WaXNpYmxlGi5BeGVzLkRlcHRoLkdyaWQuWlBvc2l0aW9uIS5BeGVzLkRlcHRoLkxhYmVscy5TaGFkb3cuVmlzaWJsZSYuQXhlcy5EZXB0aC5MYWJlbHMuRm9udC5TaGFkb3cuVmlzaWJsZSAuQXhlcy5EZXB0aC5UaXRsZS5TaGFkb3cuVmlzaWJsZSUuQXhlcy5EZXB0aC5UaXRsZS5Gb250LlNoYWRvdy5WaXNpYmxlGS5BeGVzLkxlZnQuR3JpZC5aUG9zaXRpb24gLkF4ZXMuTGVmdC5MYWJlbHMuU2hhZG93LlZpc2libGUlLkF4ZXMuTGVmdC5MYWJlbHMuRm9udC5TaGFkb3cuVmlzaWJsZR8uQXhlcy5MZWZ0LlRpdGxlLlNoYWRvdy5WaXNpYmxlJC5BeGVzLkxlZnQuVGl0bGUuRm9udC5TaGFkb3cuVmlzaWJsZRguQXhlcy5Ub3AuR3JpZC5aUG9zaXRpb24fLkF4ZXMuVG9wLkxhYmVscy5TaGFkb3cuVmlzaWJsZSQuQXhlcy5Ub3AuTGFiZWxzLkZvbnQuU2hhZG93LlZpc2libGUeLkF4ZXMuVG9wLlRpdGxlLlNoYWRvdy5WaXNpYmxlIy5BeGVzLlRvcC5UaXRsZS5Gb250LlNoYWRvdy5WaXNpYmxlHS5BeGVzLkRlcHRoVG9wLkdyaWQuWlBvc2l0aW9uJC5BeGVzLkRlcHRoVG9wLkxhYmVscy5TaGFkb3cuVmlzaWJsZSkuQXhlcy5EZXB0aFRvcC5MYWJlbHMuRm9udC5TaGFkb3cuVmlzaWJsZSMuQXhlcy5EZXB0aFRvcC5UaXRsZS5TaGFkb3cuVmlzaWJsZSguQXhlcy5EZXB0aFRvcC5UaXRsZS5Gb250LlNoYWRvdy5WaXNpYmxlAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAEHAAQAAAAEAAQEAAQBBAAEBAcAAQEHAAQAAAAEAAQEAAQBBAAEBAcAAQAABAAAAAAAAAQEAAAEAQQBAAEEAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgBAQEBAQEBAQEBAQEBAQEBAQEBAQYIJVN0ZWVtYS5UZWVDaGFydC5TdHlsZXMuVmFsdWVMaXN0T3JkZXICAAAAAQgBJFN0ZWVtYS5UZWVDaGFydC5TdHlsZXMuUG9pbnRlclN0eWxlcwIAAAAIJlN0ZWVtYS5UZWVDaGFydC5TdHlsZXMuQXJyb3dIZWFkU3R5bGVzAgAAABRTeXN0ZW0uRHJhd2luZy5Db2xvcgMAAAAIFFN5c3RlbS5EcmF3aW5nLkNvbG9yAwAAABRTeXN0ZW0uRHJhd2luZy5Db2xvcgMAAAABFFN5c3RlbS5EcmF3aW5nLkNvbG9yAwAAACRTdGVlbWEuVGVlQ2hhcnQuU3R5bGVzLlBvaW50ZXJTdHlsZXMCAAAABggGCCVTdGVlbWEuVGVlQ2hhcnQuU3R5bGVzLlZhbHVlTGlzdE9yZGVyAgAAAAEIASRTdGVlbWEuVGVlQ2hhcnQuU3R5bGVzLlBvaW50ZXJTdHlsZXMCAAAACCZTdGVlbWEuVGVlQ2hhcnQuU3R5bGVzLkFycm93SGVhZFN0eWxlcwIAAAAUU3lzdGVtLkRyYXdpbmcuQ29sb3IDAAAACBRTeXN0ZW0uRHJhd2luZy5Db2xvcgMAAAAUU3lzdGVtLkRyYXdpbmcuQ29sb3IDAAAAARRTeXN0ZW0uRHJhd2luZy5Db2xvcgMAAAAkU3RlZW1hLlRlZUNoYXJ0LlN0eWxlcy5Qb2ludGVyU3R5bGVzAgAAAAYICAgUU3lzdGVtLkRyYXdpbmcuQ29sb3IDAAAACAEBCAgIJVN5c3RlbS5EcmF3aW5nLlRleHQuVGV4dFJlbmRlcmluZ0hpbnQDAAAAFFN5c3RlbS5EcmF3aW5nLkNvbG9yAwAAAAEBJlN5c3RlbS5EcmF3aW5nLkRyYXdpbmcyRC5TbW9vdGhpbmdNb2RlAwAAABRTeXN0ZW0uRHJhd2luZy5Db2xvcgMAAAAIFFN5c3RlbS5EcmF3aW5nLkNvbG9yAwAAAAgBAQYBAQEBBgEBAQEGAQEBAQYBAQEBBgEBAQEGAQEBAQIAAAAQAQAAAAAAAAAAAAAAAAAAAAkEAAAAAAAAAAABAAYFAAAAHVN0ZWVtYS5UZWVDaGFydC5TdHlsZXMuUG9pbnRzCQYAAAAAAAAABfn///8lU3RlZW1hLlRlZUNoYXJ0LlN0eWxlcy5WYWx1ZUxpc3RPcmRlcgEAAAAHdmFsdWVfXwAIAgAAAAEAAAAAAAAAAAAF+P///yRTdGVlbWEuVGVlQ2hhcnQuU3R5bGVzLlBvaW50ZXJTdHlsZXMBAAAAB3ZhbHVlX18ACAIAAAAAAAAAAAAAAAX3////JlN0ZWVtYS5UZWVDaGFydC5TdHlsZXMuQXJyb3dIZWFkU3R5bGVzAQAAAAd2YWx1ZV9fAAgCAAAAAAAAAAX2////FFN5c3RlbS5EcmF3aW5nLkNvbG9yBAAAAAV2YWx1ZQprbm93bkNvbG9yBXN0YXRlBG5hbWUAAAABCQcHAwAAAAAAAAAAAAAAIwABAAoIAAAAAfX////2////AACZ/wAAAAAAAAIACgYMAAAABnBvaW50MQHz////9v///wAAmf8AAAAAAAACAAoBAfL////2////AAAAAAAAAACNAAEACgHx////+P///wAAAAAJEAAAAAAAAAAGEQAAAAFZBhIAAAAdU3RlZW1hLlRlZUNoYXJ0LlN0eWxlcy5Qb2ludHMJEwAAAAAAAAAB7P////n///8BAAAAAAAAAAAAAev////4////AAAAAAAAAAAB6v////f///8AAAAAAen////2////AAAAAAAAAAAjAAEACggAAAAB6P////b///8ATQD/AAAAAAAAAgAKBhkAAAAGcG9pbnQyAeb////2////AE0A/wAAAAAAAAIACgEB5f////b///8AAAAAAAAAAE8AAQAKAeT////4////AAAAAAkdAAAAAAAAAAkRAAAA6AAAAGkAAAAB4f////b///8AAAAAAAAAADQAAQAKdgAAAAAAAAAAAAAAAAAAAAAABeD///8lU3lzdGVtLkRyYXdpbmcuVGV4dC5UZXh0UmVuZGVyaW5nSGludAEAAAAHdmFsdWVfXwAIAwAAAAAAAAAB3/////b///8AAAAAAAAAAKQAAQAKAQAF3v///yZTeXN0ZW0uRHJhd2luZy5EcmF3aW5nMkQuU21vb3RoaW5nTW9kZQEAAAAHdmFsdWVfXwAIAwAAAAEAAAAGIwAAAB5TdGVlbWEuVGVlQ2hhcnQuVG9vbHMuWm9vbVRvb2wB3P////b///8AAAAAAAAAAI0AAQAKBiUAAAAA8wEAAAYmAAAAHlN0ZWVtYS5UZWVDaGFydC5Ub29scy5ab29tVG9vbAHZ////9v///wAAAAAAAAAAjQABAAoJJQAAAPMBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEEAAAAAQAAAAYpAAAACFRlZUNoYXJ0DwYAAAAAAAAABg8QAAAAAAAAAAYPEwAAAAAAAAAGDx0AAAAAAAAABgs="></tchart:WebChart>

[smcmickens]

I am wanting to do the same thing for my office. I tried copying and pasting the code mentioned, but that does not work. Is there more code besides what was written that is assumed that I may be missing? I want to have a page that will display x number of graphs based off of x number of records returned. Any help would be appreciated.

Thanks,
Scott

[Narcís]

Hi Scott,

A WebChart and a WebControl use the same tecnique to be inserted at "run-time". However, with TeeChart, you can also export TeeChart to an image and place the image where you want.

[Eric]

Dear Sir

If using chart.export to image and use image.ImageURL to load the images method sound great ideas. but it is possible to fire javascript when the chart series has been click?

example using below the code to insert the onclick javascript event?
Private Sub GetHTMLMap(...)
e.PointPolygon.Attributes = "onclick=alert('dd');"
End Sub

thank
Yong