Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
75
igniteui ASP.NET MVC Helper not showing tooltip correctly
posted

Hi,

we are using the igniteui ASP.NET MVC Helper for showing a DataChart in our View and it everything worked great until we were trying to mark the maximum point in the line series with a red dot. After looking at the examples from this thread: https://es.infragistics.com/community/forums/f/ignite-ui-for-javascript/90010/chart-financial-series-and-custom-annotations we modified our view like this:

<div style='height: 400px'>
        @(Html.Infragistics().DataChart(Model.AsQueryable())
              .ID("chart")
              .Width("600px")
              .Height("400px")
              .VerticalZoomable(true)
              .HorizontalZoomable(true)
              .Title("Timeline")
              .OverviewPlusDetailPaneVisibility(Visibility.Visible)
              .Axes(axes =>
              {
                  axes.CategoryX("xAxis")
                      .Label(item => item.Time);
                  axes.NumericY("yAxis")
                      .Title("mm/s");
              })

                      .Series(series =>
                          {
                              series.Line("series1")
                              .ValueMemberPath(item => item.Value)
                              .Title("X")
                              .XAxis("xAxis").YAxis("yAxis")
                              .ShowTooltip(true);

                              series.Line("maximum")
                              .ValueMemberPath(item => item.Maximum)
                              .Title("X")
                              .XAxis("xAxis").YAxis("yAxis")
                              .ShowTooltip(true)
                              .MarkerType(MarkerType.Circle)
                              .MarkerBrush("rgba(255, 0, 0, 255");
                            })
              .DataBind()
              .Render())
    </div>

If we run it this is what we get:

As you can see the tooltip box doesn't show the value on the y-axis which we need! Only after zooming about 10 or more steps we get the complete info in the box:

Does anyone know whats the problem here? If there is another way to get the single point marker this would also be ok. Please advise.

Thank you

Parents
No Data
Reply
  • 11095
    Offline posted

    Hello,

    Thank you for contacting Infragistics Developer Support!

    I was not able to reproduce the behaviour that you're seeing on your side. I have attached the sample project I used to test this. Please test this project on your side; whether or not it works correctly may help indicate the nature of this issue.
    If this sample project is not an accurate demonstration of what you're trying to do, please feel free to modify it and send it back, or send a small sample project of your own if you have one.
    Please let me know if I can provide any further assistance.

    IgDataChartSample.zip
Children
No Data