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.Commands.Dialogs
  [Expand]DevExpress.Web.ASPxScheduler.Controls
  [Expand]DevExpress.Web.ASPxScheduler.Dialogs
  [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.Internal
  [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]ASP.NET Core 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]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

ASPxClientXYDiagram2D.DiagramToPoint Method

Converts the diagram coordinates of a point into screen coordinates.

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

Expanded Syntax

Parameters

argument
Type: Object
An object, representing the point's argument.
value
Type: Object
An object, representing the point's value.
axisX
Type: ASPxClientAxis2D
An ASPxClientAxis2D descendant, representing the X-axis.
axisY
Type: ASPxClientAxis2D
An ASPxClientAxis2D descendant, representing the Y-axis.
pane
Type: ASPxClientXYDiagramPane
An ASPxClientXYDiagramPane object, representing the pane.

Return value

Type: ASPxClientControlCoordinates
An ASPxClientControlCoordinates object, containing information about the point's X and Y coordinates, its visibility state, and the associated pane.

Expanded Remarks

Use the DiagramToPoint method, to convert diagram coordinates of a point (measured in axis units) to the screen coordinates. For example, this method allows you to obtain screen coordinates of series points, and draw custom graphics onto your chart across them.

Note

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

For the opposite conversion (of screen coordinates to diagram coordinates), use the PointToDiagram method.

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?​​​​​​​