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
   [Expand]ASPxClientWebChartControl Class
   [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
   [Collapse]ASPxClientXYDiagram2D Class
     ASPxClientXYDiagram2D Members
     ASPxClientXYDiagram2D Constructor
    [Expand]ASPxClientXYDiagram2D Properties
    [Collapse]ASPxClientXYDiagram2D Methods
      DiagramToPoint Method
      PointToDiagram Method
      ShowCrosshair Method
   [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

ASPxClientXYDiagram2D.PointToDiagram Method

Converts the display coordinates into a diagram coordinates object.

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

Expanded Syntax

Parameters

x
Type: Int32
An integer value, representing the X-coordinate of a point (measured in pixels relative to the top left corner of a chart).
y
Type: Int32
An integer value, representing the Y-coordinate of a point (measured in pixels relative to the top left corner of a chart).

Return value

Type: ASPxClientDiagramCoordinates
An ASPxClientDiagramCoordinates object, containing information about the point's argument and value, their scale types, associated axes and pane.

Expanded Remarks

Use the PointToDiagram method, to convert screen coordinates of a point to the diagram coordinates (measured in axis units). For example, this allows you to determine what series or series point is being clicked by an end-user, and perform the required actions accordingly.

Note

This method works only if the WebChartControl.EnableClientSidePointToDiagram property is set to true. And, if you don't need to convert display coordinates into diagram coordinates on the client side, leave the EnableClientSidePointToDiagram property disabled, to reduce the amount of the server-client traffic.

For the opposite conversion (of diagram coordinates to screen coordinates), use the DiagramToPoint method (with an overload appropriate to your axes' scale types).

With the Radar and Polar diagram types, use the similar ASPxClientRadarDiagram.PointToDiagram and ASPxClientRadarDiagram.DiagramToPoint methods.

For more information, see the following documents.

Expanded See Also

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