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