Radhtmlcharts in codebehind

5 posts, 0 answers
  1. V
    V avatar
    3 posts
    Member since:
    Sep 2014

    Posted 19 Sep 2014 Link to this post

    Hi
    I am creating some charts and i have some requirement where
    charts are rendered dynamically
    ex: user 1 can have 3 charts, 1 line, 1 bar, 1 pie 
    user2 can have 4 charts etc

    also i need to provide dropdown on each chart so they can toggle back and forth so users can see same chart in pie/line/bar view etc

    i was able to create charts in aspx and bind them in code behind but was looking if there is some sample available for creating charts from codebehind dynamically as some instances there could be 10 charts so i don't want to hardcode radhtml1, to 10 etc on aspx.

    i need to provide drill downs also which i saw sample on telerik site which i will test and incorporate.
    thanks for help

  2. V
    V avatar
    3 posts
    Member since:
    Sep 2014

    Posted 22 Sep 2014 Link to this post

    i was able to create charts programatically

    for barchart i have couple of issues
    1. DataLabelsField not working
    2. tooltip shows undefined if i use clienttemplate
    3. legend does not show up

    below is the sample code, i am using q2 2013 telerik dll

       Dim chart1 As New RadHtmlChart()
            chart1.ID = "ch1"
            chart1.Width = Unit.Pixel(240)
            chart1.Height = Unit.Pixel(240)

            Dim chartData As New BarSeries
            For Each dr As DataRow In dt.Rows
                Dim item As New SeriesItem
                item.Name = dr("col1")
                item.YValue = dr("col2")
                chartData.Items.Add(item)
                chart1.PlotArea.XAxis.DataLabelsField = dr("col1")
                
            Next


            chartData.DataFieldY = ycol
            chart1.PlotArea.XAxis.MinorGridLines.Visible = False
            chart1.PlotArea.YAxis.MinorGridLines.Visible = False
            chart1.ChartTitle.Text = charttitle
            chartData.LabelsAppearance.Visible = True
            chart1.PlotArea.Series.Add(chartData)
            chart1.Legend.Appearance.Visible = True

            chartData.TooltipsAppearance.ClientTemplate = "#=dataItem.col3#"
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1490 posts

    Posted 23 Sep 2014 Link to this post

    Hello,

    Please find my comments and suggestions below:

     - DataLabelsField property and templates that has this structure "#=dataItem.dataSourceFieldName#" require a data bound chart. More details on data bound charts and using clients templates is available in the following resources:
      Templates related articles and demos:

      Databinding related articles and demos:

      - Creating items programmatically requires that you use the corresponding series classes. More
    information on the matter is available in the Important Changes Regarding Series Declaration help article.

     

      - Legend consists of series names. Therefore you should set the Name property of each series.

    Regards,
    Danail Vasilev
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  5. V
    V avatar
    3 posts
    Member since:
    Sep 2014

    Posted 25 Sep 2014 in reply to Danail Vasilev Link to this post

    Thanks Danail
    datalabels, tooltip issue was of case sensitive dataitems which got resolved.
    legend, i have a requirement
    1. can legend take line breaks or display each series/category in new line
    2. can piecharts have color separator between each item
    3. can tooltip font/styles can be changed, i tried OnClientSeriesHovered to change style but it did not work as it was overriding.
    4. can x-axis labels be listed as legend in columnseries instead of overlapping labels any samples?. i see that new telerik dll have smart labels
  6. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1490 posts

    Posted 29 Sep 2014 Link to this post

    Hi,

    Please find my answers to your questions below:
      - Multiline labels - feature will be available in the upcoming Q3 2014. For the time being you can use the workaround provided in this feedback item.
      - Series border - You can use the workaround from this feedback item.
      - Tooltips appearance options - You can use the workaround from this feedback item.
      - x-axis labels issue - Can you please elaborate more about this issue? What is the actual and the expected behavior form the x-axis labels?

    Regards,
    Danail Vasilev
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017