Xaxis and y axis title not visible in UI.

3 posts, 0 answers
  1. Isha
    Isha avatar
    2 posts
    Member since:
    May 2016

    Posted 15 Jun Link to this post

    Hi Team,

    I am using the HTML Kendo chart in one of my UI. I am using the scatter and scatter line type for the same. As I need to show the data with its best fit regression line.

    I am not able see the x axis and y axis title in my chart.

    Attached is the image of my chart.

    <%= Html.Kendo().Chart<PRT.Web.Models.QualityOverTimeViewModel>()
    .Name("BestFitGraphWarm")
    .Series(series =>
    {
    series.Scatter(
    model => model.xaxis,
    model => model.yaxis
    )
    .Labels(labels => labels.Background("transparent").Visible(false));
    })
    .Series(series =>
    {
    series.ScatterLine(
    model => model.estXFieldName,
    model => model.estYFieldName
    );
    })
    .CategoryAxis(axis => axis
    .Title(title => title.Text("Time"))
    .Categories(model => model.Label )
    .MajorGridLines(lines => lines.Visible(false))
    .Line(line => line.Visible(false))
    )
    .ValueAxis(axis => axis.Numeric()
    .Title(title => title.Text("Warm"))
    .MajorGridLines(lines => lines.Visible(false))
    .Line(line => line.Visible(false))
    .Max(100)
    .Min(0)
    )
    .Title(title => title.Text("Bivariate Fit of Warm Germ Test% By Time(Days After Harvest)"))
    .Legend(legend => legend
    .Position(ChartLegendPosition.Bottom))
    .Tooltip(true)
    .DataSource(dataSource => dataSource
    .Read(read => read.Action("GetRegressionWarmChartData", "Visualize"))
    )
    %>

  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 posts

    Posted 17 Jun Link to this post

    Hi Isha,

    When using Scatter Charts you should use xAxis / yAxis not categoryAxis / valueAxis (documentation link). I.e. the following configuration should work: 
    //....
    .XAxis(axis => axis.Numeric().Title("Time"))
    .YAxis(axis => axis.Numeric().Title("Warm"))


    Regards,
    Iliana Nikolova
    Telerik
     
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
     
  3. Kendo UI is VS 2017 Ready
  4. Isha
    Isha avatar
    2 posts
    Member since:
    May 2016

    Posted 23 Jun in reply to Iliana Nikolova Link to this post

    Hi Iliana,

    Thanks for the reply! By adding xaxis and Y axis title work as expected.

    Thank you so much for the help.

     

Back to Top