lohithgn

//set up series
var series = plotArea.Series;
var barSeries = new ColumnSeries();
barSeries.Name = "Week 1";
barSeries.Items.AddRange(new List<SeriesItem>
{
    new SeriesItem(35),
    new SeriesItem(52),
    new SeriesItem(18),
    new SeriesItem(39),

lohithgn

//set up y-axis
var yAxis = plotArea.YAxis;
yAxis.Color = Color.Black;
yAxis.MajorTickSize = 1;
yAxis.MajorTickType = TickType.Outside;
yAxis.MinorTickSize = 1;
yAxis.MinorTickType = TickType.Outside;
yAxis.MaxValue = 100;
yAxis.MinValue = 0;
yAxis.Step = 25;

lohithgn

//set up x-axis
var xAxis = plotArea.XAxis;
xAxis.AxisCrossingValue = 0;
xAxis.Color = Color.Black;
xAxis.MajorTickType = TickType.Outside;
xAxis.MinorTickType = TickType.None;
xAxis.Reversed = false;
var axisItemCollection = xAxis.Items;
axisItemCollection.AddRange(new List<AxisItem>()
{

lohithgn

//set up plot area
var plotArea = myChart.PlotArea;
plotArea.Appearance.FillStyle.BackgroundColor = Color.YellowGreen;

lohithgn

//set up chart legend
var legend = myChart.Legend;
legend.Appearance.BackgroundColor = Color.White;
legend.Appearance.Position = ChartLegendPosition.Bottom;

lohithgn

//set up chart title
var chartTitle = myChart.ChartTitle;
chartTitle.Text = "Server CPU Load by Days";
chartTitle.Appearance.Align = ChartTitleAlign.Center;
chartTitle.Appearance.BackgroundColor = Color.White;
chartTitle.Appearance.Position = ChartTitlePosition.Top;

lohithgn

myChart.Appearance.FillStyle.BackgroundColor = Color.LightGray;

lohithgn

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        LoadChart();
    }
}

lohithgn

 <telerik:RadHtmlChart ID="myChart" runat="server"></telerik:RadHtmlChart>

lohithgn

 $scope.onSeriesClick = function(e){
    var categorySelected = e.category;
    if(categorySelected === "MSIE")
    {
         $scope.chartDataSource.data($scope.msieData);
    }
    else if(categorySelected ===  "Firefox")
    {
        $scope.chartDataSource.data($scope.ffData);
    }