I displayed a lot of charts which contains too many data. So I define XAxis.MaxValue and/or XAxis.MinValue at the beginning. User can use zooming and panning function if needed. But sometimes it is not clear that some part of chart is not visible and how many values are hidden. If I understand well then "Data Navigation" can be used only for date axis, but it is not true in most of my cases.
My idea is to display below chart "Range Slider" and simply show left and right boundary of the chart. At the beginning it will be enough just to display the position (after events drag/zoom). Later I want implement that user can change the zoom and position of chart by using the slider, but I am not sure if it is possible to modify chart by client methods.
Did anybody try to implement something like that or is there any similar functionality which I didn't noticed?
Thank you,
Petr
Hi,
I would like help with the following:
1. How can I modify the culture settings for a Box Plot Chart?
2. What steps are involved in changing the symbol from "$" to "£"?
Review the attached image for reference.
Best regards,
Omar
Hi,
Can someone help with these questions:
1. How can I modify the culture settings for a Box Plot Chart?
2. What steps are involved in changing the symbol from "$" to "£"?
Could you review the attached image for reference, please?
Best regards,
Omar
I am not able to set opacity for the background of HTML Chart.
I tried to setup in page
<PlotArea>
<Appearance>
<FillStyle BackgroundColor="#32FFFFFF" />
</Appearance>
or in code
PlotArea.Appearance.FillStyle.BackgroundColor = Color.FromArgb(50, 255, 255, 255);
But the alpha component is always ignored and I see only white background. Is it possible to define some other way?
Thank you,
Petr
I am able to bind pie chart data from code behind but I am not sure how to bind my Javascript object to Pie chart.
I am using ASP.NET Web Form and using AJAX to call Handler. I need to bind data after handler returns data.
Is it possible to have a stacked graph where the y axis labels only show to inticate teh top of each part of the stack, eg 143 then next shows at 159 (based ont eh 2nd value of 16) and so on?
I thought, seeing as you can specify each "series" step that it might be doable but its not working for me
Here is a snapshot of my code: graphEmailAlerts.DataSource = eAdatatable
graphEmailAlerts.DataBind()
graphEmailAlerts.Visible = True
graphEmailAlerts.Appearance.FillStyle.BackgroundColor = Drawing.Color.Transparent
'Y axis
graphEmailAlerts.PlotArea.YAxis.AxisCrossingValue = 0
graphEmailAlerts.PlotArea.YAxis.Color = Drawing.Color.Black
graphEmailAlerts.PlotArea.YAxis.MajorTickType = HtmlChart.TickType.Outside
graphEmailAlerts.PlotArea.YAxis.MinorTickType = HtmlChart.TickType.None
Dim totalvalue = eAdatatable.Rows(0).Item("value1") + eAdatatable.Rows(0).Item("value2") + eAdatatable.Rows(0).Item("value3")
graphEmailAlerts.PlotArea.YAxis.MinValue = 0
graphEmailAlerts.PlotArea.YAxis.MaxValue = CDec((Math.Ceiling((totalvalue * 1.2) / 100) * 100))
graphEmailAlerts.PlotArea.YAxis.LabelsAppearance.DataFormatString = "{0} "
graphEmailAlerts.PlotArea.YAxis.LabelsAppearance.RotationAngle = "0"
graphEmailAlerts.PlotArea.YAxis.LabelsAppearance.Skip = "0"
'X-axis
graphEmailAlerts.PlotArea.XAxis.AxisCrossingValue = 0
graphEmailAlerts.PlotArea.XAxis.Color = Drawing.Color.Black
graphEmailAlerts.PlotArea.XAxis.MajorTickType = HtmlChart.TickType.Outside
graphEmailAlerts.PlotArea.XAxis.MinorTickType = HtmlChart.TickType.None
graphEmailAlerts.PlotArea.XAxis.DataLabelsField = "type"
graphEmailAlerts.PlotArea.XAxis.Reversed = False
graphEmailAlerts.PlotArea.XAxis.BaseUnit = HtmlChart.DateTimeBaseUnit.Auto
graphEmailAlerts.PlotArea.XAxis.LabelsAppearance.DataFormatString = "{0} "
graphEmailAlerts.PlotArea.XAxis.LabelsAppearance.RotationAngle = "0"
graphEmailAlerts.PlotArea.XAxis.LabelsAppearance.Skip = "0"
graphEmailAlerts.PlotArea.XAxis.LabelsAppearance.Step = "1"
graphEmailAlerts.PlotArea.Series.Clear()
Dim cs_ss As New ColumnSeries()
cs_ss.Stacked = "true"
cs_ss.DataFieldY = "value1"
cs_ss.LabelsAppearance.Step = eAdatatable.Rows(0).Item("value1")
cs_ss.LabelsAppearance.Position = HtmlChart.BarColumnLabelsPosition.Center
cs_ss.LabelsAppearance.DataFormatString = "Saved Searches {0}"
cs_ss.Appearance.FillStyle.BackgroundColor = Drawing.Color.FromArgb(165, 213, 162)
cs_ss.TooltipsAppearance.DataFormatString = "Saved Searches {0}"
graphEmailAlerts.PlotArea.Series.Add(cs_ss)
If eAdatatable.Rows(0).Item("value2") <> 0 Then
Dim cs_tracked As New ColumnSeries()
cs_tracked.Name = "Tracked"
cs_tracked.Stacked = "true"
cs_tracked.DataFieldY = "value2"
cs_tracked.LabelsAppearance.Position = HtmlChart.BarColumnLabelsPosition.Center
cs_tracked.LabelsAppearance.DataFormatString = "Tracked {0}"
cs_tracked.Appearance.FillStyle.BackgroundColor = Drawing.Color.FromArgb(255, 181, 110)
cs_tracked.TooltipsAppearance.DataFormatString ="Tracked {0}"
cs_tracked.LabelsAppearance.Step = eAdatatable.Rows(0).Item("value1") + eAdatatable.Rows(0).Item("value2")
graphEmailAlerts.PlotArea.Series.Add(cs_tracked)
End If
Hi there
In order to get differing steps to show the levels on my stacked chart I can kind of do it using additional Y axis, but obviously this is showing them on separate lines.
Is it possible to manipulate the layout so that the lines are on top of each other so it looks like 1 line?
Thanks for your help
I have a situation(s) where trying to display RadHtmlChart in different parts of the page.
When I put the RadHtmlChart towards the top, all displays fine (charts with bound or non bound data).
As soon as put RadGrid on page graphs before rad grid will still render, but any RadHtmlChart that follows displays empty.
whether try changes in .aspx/code behind/javascript can't seem to get anything to render properly.
In case this isn't a me issue but version issue: Telerik version 2015.3.xxxxx
Is it possible to create a stacked column chart and show the steps on axis but the labels on the right axis (instead of a legend)
I am programmatically creating a graph but I only have one set to data to show so didn't think i could use an additional axis?, Showing the label on the column itself is not displayed well if the data is wildly differing, eg 5421 and then 16
Thanks
Hi sir
I create radhtmlbar chart dynamically created using below code i have two column series one for task and another lateaction i give color dynamically that color not update in legend
How we handle this situation.
Dim chart2 As New RadHtmlChart
chart2.ID = "chart2"
chart2.ChartTitle.Text = "Employee Efficiency (KPI)"
chart2.PlotArea.XAxis.LabelsAppearance.RotationAngle = 100
chart2.PlotArea.XAxis.DataLabelsField = _ChartSeriesFieldTitlexaxis2
chart2.PlotArea.Series.Clear()
chart2.PlotArea.XAxis.LabelsAppearance.RotationAngle = 0
Dim series4 As New ColumnSeries
series4.DataFieldY = _ChartDataFieldTitle2
series4.Name = "Total task(s)"
series4.LabelsAppearance.DataFormatString = "{0} Task(s)"
chart2.PlotArea.Series.Add(series4)
Dim series66 As New ColumnSeries
series66.DataFieldY = _ChartDataFieldTitle23
series66.Name = "Late action(s)"
series66.LabelsAppearance.DataFormatString = "{0} Task(s)"
chart2.PlotArea.Series.Add(series66)
Dim strrec As String = ""
series4.ColorField = "ColorRange"
series66.ColorField = "ColorRange1"
chart2.Legend.Appearance.Visible = True
chart2.Legend.Appearance.Position = ChartLegendPosition.Top
firstTable2.Columns.Add("ColorRange", Type.GetType("System.String"))
firstTable2.Columns.Add("ColorRange1", Type.GetType("System.String"))
Dim cosos2 As Integer = 0
For Each row As DataRow In firstTable2.Rows
row("ColorRange") = _Colors1(cosos2)
row("ColorRange1") = _Colors2(cosos2)
Next