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>()
    .Series(series =>
    model => model.xaxis,
    model => model.yaxis
    .Labels(labels => labels.Background("transparent").Visible(false));
    .Series(series =>
    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))
    .Title(title => title.Text("Bivariate Fit of Warm Germ Test% By Time(Days After Harvest)"))
    .Legend(legend => legend
    .DataSource(dataSource => dataSource
    .Read(read => read.Action("GetRegressionWarmChartData", "Visualize"))

  2. Iliana Nikolova
    Iliana Nikolova avatar
    2572 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"))

    Iliana Nikolova
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
  3. 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