如何获取获取y轴的值

问答首页 → 编程语言技术

0 0

如何获取获取y轴的值5

如何获取相对于y轴的值呢？也就是相对于自己画出的x,y轴（verticalAxis）的值。

问题补充：

AngelAndAngel 写道

说说应用的场景

您看一下这个图，应该就明白了。

问题补充：

AngelAndAngel 写道

你的这个坐标应该会有最小的标量吧，你的点是怎么画上去的了，应该也有个坐标或者角度什么的吧

这样吧，我把代码给您粘贴上，您运行一下。
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
   xmlns:s="library://ns.adobe.com/flex/spark"
   xmlns:mx="library://ns.adobe.com/flex/mx"
   minWidth="955" minHeight="600" viewSourceURL="srcview/index.html"
   creationComplete="init()"
   >
<s:layout>
<s:VerticalLayout/>
</s:layout>
<fx:Script>
<![CDATA[
import mx.charts.HitData;
import mx.charts.chartClasses.Series;
import mx.charts.events.ChartEvent;
import mx.charts.events.ChartItemEvent;
import mx.charts.series.items.LineSeriesItem;
import mx.collections.ArrayCollection;
import mx.controls.Alert;
import mx.events.ItemClickEvent;

import org.flexunit.internals.namespaces.classInternal;

import spark.components.supportClasses.ItemRenderer;
private var startPoint : Point = new Point();
private var endPoint : Point = new Point();
[Bindable]
private var xData:String;
[Bindable]
private var yData:String;
[Bindable]
private var array:ArrayCollection = new ArrayCollection();
private function init():void
{
array.addItem({date:"2010,12,1",close:"22.58"});
array.addItem({date:"2010,12,2",close:"29.52"});
array.addItem({date:"2010,12,3",close:"28.75"});
array.addItem({date:"2010,12,6",close:"29.38"});
array.addItem({date:"2010,12,7",close:"29.42"});
array.addItem({date:"2010,12,9",close:"40.75"});
array.addItem({date:"2010,12,10",close:"41.06"});
}
//时间转换
public function myParseFunction(s:String):Date {
try{
var a:Array = s.split(",");
var dd:Number;
if(a[2].toString().substr(0,1) == "0"){
dd = Number(a[2].toString().substr(1,1));
}
else{
dd = Number(a[2]);
}

var month1:Number;
if(a[1].toString().substr(0,1) == "0"){
month1 = Number(a[1].toString().substr(1,1))-1;
}
else{
month1 = Number(a[1])-1;
}
var newnewDate:Date = new Date(a[0],month1,dd);
return newnewDate;
}
catch(e:Error){
Alert.show(e.message);
}
return null;
}

protected function lineChart_itemMouseDownHandler(event:ChartItemEvent):void
{
// TODO Auto-generated method stub
xData = (event.hitData.chartItem as LineSeriesItem).xValue.toString();
//获取摁下时的x轴坐标
yData = (event.hitData.chartItem as LineSeriesItem).yValue.toString();
//获取摁下的y轴坐标
}

protected function ls_mouseMoveHandler(event:MouseEvent):void
{
// TODO Auto-generated method stub
if(event.buttonDown){
try{
if(xData != null && xData != ""){
for(var i:int = 0; i < array.length ;i++){
var xDate:String = array[i].date;
if(xData == xDate){
array.setItemAt({date:xDate,close:yData},i);
}
}
}
}catch(e:Error){
Alert.show(e.message);
}
}
}

protected function ls_mouseUpHandler(event:MouseEvent):void
{
// TODO Auto-generated method stub
if(event.buttonDown == false){
try{

if(xData != null && xData != ""){
for(var i:int = 0; i < array.length ;i++){
var xDate:String = array[i].date;
if(xData == xDate){
array.setItemAt({date:xDate,close:yData},i);
}
}
}
}catch(e:Error){
Alert.show(e.message);
}
}
}

protected function lineChart_clickHandler(event:MouseEvent):void
{
// TODO Auto-generated method stub
Alert.show(lineChart.mouseY + "yyy");
}

]]>
</fx:Script>
<fx:Declarations>
</fx:Declarations>
<s:Panel>

<mx:LineChart id="lineChart"
showDataTips="true"
click="lineChart_clickHandler(event)"
itemMouseDown="lineChart_itemMouseDownHandler(event)"
mouseMove="ls_mouseMoveHandler(event)"
mouseUp="ls_mouseUpHandler(event)"
dataProvider="{array}"
width="500"
height="400">


<mx:verticalAxis>
<mx:LinearAxis id="va" baseAtZero="false"
   title="Price" />
</mx:verticalAxis>


<mx:horizontalAxis>
<mx:DateTimeAxis dataUnits="days" id="dt" labelUnits="days"
title="Date" parseFunction="myParseFunction" />
</mx:horizontalAxis>


<mx:series>

<mx:LineSeries id="ls" xField="date" yField="close" horizontalAxis="{dt}"
   verticalAxis="{va}"
   itemRenderer="mx.charts.renderers.CircleItemRenderer"
   form="curve"

   displayName="Close"/>
</mx:series>
</mx:LineChart>
<mx:Legend id="lg" dataProvider="{lineChart}" direction="horizontal"/>
</s:Panel>
</s:Application>

问题补充：

AngelAndAngel 写道

你的这个坐标应该会有最小的标量吧，你的点是怎么画上去的了，应该也有个坐标或者角度什么的吧

我的那个点就是随便用鼠标点击某处之后，返回该点的坐标。现在就是要得知该点的坐标。坐标值必须对应Y轴，x轴刻度的坐标。

问题补充：

AngelAndAngel 写道

明白了，用鼠标的话，你自然有方法得到鼠标的坐标是吧。
然后你的x，y轴相对于整个页面位置肯定时候一个位置的，比如偏移位置分别是x1,y1。那么两个做减法不就是相对于x1,y1的坐标啦。

额。。这个结果不是我想要的啊！我想要的是我画的y轴对应的刻度值。

问题补充：

AngelAndAngel 写道

引用

额。。这个结果不是我想要的啊！我想要的是我画的y轴对应的刻度值。