Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]ASP.NET WebForms Controls
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Collapse]API Reference
  [Expand]DevExpress.Data.Linq
  [Expand]DevExpress.Web
  [Expand]DevExpress.Web.ASPxGauges
  [Expand]DevExpress.Web.ASPxGauges.Base
  [Expand]DevExpress.Web.ASPxGauges.Scripts
  [Expand]DevExpress.Web.ASPxHtmlEditor
  [Expand]DevExpress.Web.ASPxHtmlEditor.Localization
  [Expand]DevExpress.Web.ASPxHtmlEditor.Scripts
  [Expand]DevExpress.Web.ASPxPivotGrid
  [Expand]DevExpress.Web.ASPxPivotGrid.Data
  [Expand]DevExpress.Web.ASPxPivotGrid.HtmlControls
  [Expand]DevExpress.Web.ASPxPivotGrid.Scripts
  [Expand]DevExpress.Web.ASPxRichEdit
  [Expand]DevExpress.Web.ASPxRichEdit.Localization
  [Expand]DevExpress.Web.ASPxRichEdit.Scripts
  [Expand]DevExpress.Web.ASPxScheduler
  [Expand]DevExpress.Web.ASPxScheduler.Controls
  [Expand]DevExpress.Web.ASPxScheduler.Drawing
  [Expand]DevExpress.Web.ASPxScheduler.Localization
  [Expand]DevExpress.Web.ASPxScheduler.Reporting
  [Expand]DevExpress.Web.ASPxScheduler.Scripts
  [Expand]DevExpress.Web.ASPxSpellChecker
  [Expand]DevExpress.Web.ASPxSpellChecker.Localization
  [Expand]DevExpress.Web.ASPxSpellChecker.Scripts
  [Expand]DevExpress.Web.ASPxSpreadsheet
  [Expand]DevExpress.Web.ASPxSpreadsheet.Localization
  [Expand]DevExpress.Web.ASPxSpreadsheet.Scripts
  [Expand]DevExpress.Web.ASPxTreeList
  [Expand]DevExpress.Web.ASPxTreeList.Localization
  [Expand]DevExpress.Web.ASPxTreeList.Scripts
  [Expand]DevExpress.Web.Captcha
  [Expand]DevExpress.Web.Data
  [Expand]DevExpress.Web.Internal
  [Expand]DevExpress.Web.Localization
  [Expand]DevExpress.Web.Mvc
  [Expand]DevExpress.Web.Mvc.BinderSettings
  [Expand]DevExpress.Web.Mvc.Controllers
  [Expand]DevExpress.Web.MVC.Scripts
  [Expand]DevExpress.Web.Mvc.UI
  [Expand]DevExpress.Web.Office
  [Expand]DevExpress.Web.Office.Internal
  [Expand]DevExpress.Web.Rendering
  [Expand]DevExpress.Web.Scripts
  [Expand]DevExpress.XtraCharts.Web
  [Expand]DevExpress.XtraCharts.Web.Designer
  [Collapse]DevExpress.XtraCharts.Web.Scripts
   [Expand]ASPxClientAnnotation Class
   [Expand]ASPxClientAverageTrueRange Class
   [Expand]ASPxClientAxis Class
   [Expand]ASPxClientAxis2D Class
   [Expand]ASPxClientAxis3D Class
   [Expand]ASPxClientAxisBase Class
   [Expand]ASPxClientAxisLabelItem Class
   [Expand]ASPxClientAxisRange Class
   [Expand]ASPxClientAxisTitle Class
   [Expand]ASPxClientAxisValue Class
   [Expand]ASPxClientBollingerBands Class
   [Expand]ASPxClientChaikinsVolatility Class
   [Expand]ASPxClientChartPrintOptions Class
   [Expand]ASPxClientChartTitle Class
   [Expand]ASPxClientCommodityChannelIndex Class
   [Expand]ASPxClientConstantLine Class
   [Expand]ASPxClientControlCoordinates Class
   [Expand]ASPxClientCrosshairAxisLabelElement Class
   [Expand]ASPxClientCrosshairDrawInfo Class
   [Expand]ASPxClientCrosshairDrawInfoList Class
   [Expand]ASPxClientCrosshairElement Class
   [Expand]ASPxClientCrosshairElementGroup Class
   [Expand]ASPxClientCrosshairFreePosition Class
   [Expand]ASPxClientCrosshairGroupHeaderElement Class
   [Expand]ASPxClientCrosshairLineElement Class
   [Expand]ASPxClientCrosshairMousePosition Class
   [Expand]ASPxClientCrosshairOptions Class
   [Expand]ASPxClientCrosshairPosition Class
   [Expand]ASPxClientCrosshairSeriesLabelElement Class
   [Expand]ASPxClientCrosshairValueItem Class
   [Expand]ASPxClientCustomLegendItem Class
   [Expand]ASPxClientDataSourceBasedErrorBars Class
   [Expand]ASPxClientDetrendedPriceOscillator Class
   [Expand]ASPxClientDiagramCoordinates Class
   [Expand]ASPxClientExponentialMovingAverage Class
   [Expand]ASPxClientFibonacciIndicator Class
   [Expand]ASPxClientFinancialIndicator Class
   [Expand]ASPxClientFinancialIndicatorPoint Class
   [Expand]ASPxClientFixedValueErrorBars Class
   [Expand]ASPxClientHitObject Class
   [Expand]ASPxClientImageAnnotation Class
   [Expand]ASPxClientIndicator Class
   [Expand]ASPxClientLegend Class
   [Expand]ASPxClientLineStyle Class
   [Expand]ASPxClientMassIndex Class
   [Expand]ASPxClientMedianPrice Class
   [Expand]ASPxClientMovingAverage Class
   [Expand]ASPxClientMovingAverageConvergenceDivergence Class
   [Expand]ASPxClientPercentageErrorBars Class
   [Expand]ASPxClientRadarAxis Class
   [Expand]ASPxClientRadarDiagram Class
   [Expand]ASPxClientRateOfChange Class
   [Expand]ASPxClientRegressionLine Class
   [Expand]ASPxClientRelativeStrengthIndex Class
   [Expand]ASPxClientSeries Class
   [Expand]ASPxClientSeriesLabel Class
   [Expand]ASPxClientSeriesPoint Class
   [Expand]ASPxClientSeriesTitle Class
   [Expand]ASPxClientSimpleDiagram Class
   [Expand]ASPxClientSimpleMovingAverage Class
   [Expand]ASPxClientSingleLevelIndicator Class
   [Expand]ASPxClientStandardDeviation Class
   [Expand]ASPxClientStandardDeviationErrorBars Class
   [Expand]ASPxClientStandardErrorBars Class
   [Expand]ASPxClientStrip Class
   [Expand]ASPxClientSwiftPlotDiagram Class
   [Expand]ASPxClientSwiftPlotDiagramAxis Class
   [Expand]ASPxClientTextAnnotation Class
   [Expand]ASPxClientTitleBase Class
   [Expand]ASPxClientToolTipController Class
   [Expand]ASPxClientToolTipFreePosition Class
   [Expand]ASPxClientToolTipMousePosition Class
   [Expand]ASPxClientToolTipPosition Class
   [Expand]ASPxClientToolTipRelativePosition Class
   [Expand]ASPxClientTrendLine Class
   [Expand]ASPxClientTriangularMovingAverage Class
   [Expand]ASPxClientTripleExponentialMovingAverageTema Class
   [Expand]ASPxClientTripleExponentialMovingAverageTrix Class
   [Expand]ASPxClientTypicalPrice Class
   [Expand]ASPxClientWebChart Class
   [Collapse]ASPxClientWebChartControl Class
     ASPxClientWebChartControl Members
     ASPxClientWebChartControl Constructor
    [Collapse]ASPxClientWebChartControl Events
      BeginCallback Event
      CallbackError Event
      CustomDrawCrosshair Event
      EndCallback Event
      ObjectHotTracked Event
      ObjectSelected Event
    [Expand]ASPxClientWebChartControl Methods
   [Expand]ASPxClientWebChartControlCustomDrawCrosshairEventArgs Class
    ASPxClientWebChartControlCustomDrawCrosshairEventHandler Delegate
   [Expand]ASPxClientWebChartControlHotTrackEventArgs Class
    ASPxClientWebChartControlHotTrackEventHandler Delegate
   [Expand]ASPxClientWebChartElement Class
   [Expand]ASPxClientWebChartElementNamed Class
   [Expand]ASPxClientWebChartEmptyElement Class
   [Expand]ASPxClientWebChartHitInfo Class
   [Expand]ASPxClientWebChartRequiredElement Class
   [Expand]ASPxClientWeightedClose Class
   [Expand]ASPxClientWeightedMovingAverage Class
   [Expand]ASPxClientWilliamsR Class
   [Expand]ASPxClientXYDiagram Class
   [Expand]ASPxClientXYDiagram2D Class
   [Expand]ASPxClientXYDiagram3D Class
   [Expand]ASPxClientXYDiagramBase Class
   [Expand]ASPxClientXYDiagramPane Class
   [Expand]ASPxSeparatePaneIndicator Class
[Expand]ASP.NET Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

ASPxClientWebChartControl.CustomDrawCrosshair Event

Occurs before crosshair items are drawn when the chart's contents are being drawn.

Namespace:DevExpress.XtraCharts.Web.Scripts
Assembly:JavaScript

Expanded Syntax

Expanded Event Data

The event handler receives an argument of type ASPxClientWebChartControlCustomDrawCrosshairEventArgs containing data related to this event.

The following ASPxClientWebChartControlCustomDrawCrosshairEventArgs properties provide information specific to this event.
Property Description
crosshairElementGroups Provides access to the settings of crosshair elements and crosshair group header elements to customize their appearance.
crosshairElements Gets crosshair elements settings to custom draw a crosshair cursor.
crosshairGroupHeaderElements Gets the settings of crosshair group header elements to customize their appearance.
cursorCrosshairAxisLabelElements Gets the settings of crosshair axis label elements to customize their appearance.
cursorCrosshairLineElement Gets crosshair line element settings that are used to custom draw a crosshair cursor.
processOnServer Gets or sets a value that specifies whether the event should be finally processed on the server side.

Expanded Remarks

Use the CustomDrawCrosshair event to create a custom appearance for crosshair items.

Expanded Example

Show Me

A complete sample project is available in the DevExpress Code Examples database at http://www.devexpress.com/example=E5099.

This example illustrates how to display the "Total" point value in the crosshair cursor panel.

To accomplish this task, handle the client-side CustomDrawCrosshair event and include the Total value via the LabelElement.footerText property of the last crosshair panel element.

Expanded See Also

How would you rate this topic?​​​​​​​