Apache flex 折线图数据提示赢得';单数据点不显示?
在Flex3中,我有一个折线图。 折线图的“我的数据提供程序”仅包含一项 当我画折线图时,它会画出点。但它没有显示数据提示 如果dataprovider中存在多个项,则该选项有效Apache flex 折线图数据提示赢得';单数据点不显示?,apache-flex,linechart,datatip,Apache Flex,Linechart,Datatip,在Flex3中,我有一个折线图。 折线图的“我的数据提供程序”仅包含一项 当我画折线图时,它会画出点。但它没有显示数据提示 如果dataprovider中存在多个项,则该选项有效 如何使包含单个数据项的数据提供程序的折线图的数据提示可见?如果只有一个点,请使用PlotSeries而不是LineSeries。您将通过其数据提示获得一个漂亮的圆点。如何操作完全取决于数据的生成方式-如果数据在分配给数据提供程序后没有更改,则可以选择此时要使用的系列类型。请尝试以下代码, 在actionscript中
如何使包含单个数据项的数据提供程序的折线图的数据提示可见?如果只有一个点,请使用PlotSeries而不是LineSeries。您将通过其数据提示获得一个漂亮的圆点。如何操作完全取决于数据的生成方式-如果数据在分配给数据提供程序后没有更改,则可以选择此时要使用的系列类型。请尝试以下代码, 在actionscript中
lineSeries.setStyle("itemRenderer", new ClassFactory(mx.charts.renderers.CircleItemRenderer));
在mxml中
<mx:LineSeries yField="Y" itemRenderer="mx.charts.renderers.CircleItemRenderer" xField="X" dataProvider="{lineDataProvider}">
有一个变通方法可以显示
数据提示。我们需要将ROLL\u OVER
和ROLL\u OUT
鼠标事件侦听器添加到具有单个数据点的行序列中
<?xml version="1.0"?>
<!-- Simple example to demonstrate the LineChart and AreaChart controls. -->
<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">
<fx:Script>
<![CDATA[
import mx.charts.HitData;
import mx.charts.renderers.*;
import mx.charts.series.items.LineSeriesItem;
import mx.collections.ArrayCollection;
[Bindable]
private var expensesAC:ArrayCollection = new ArrayCollection( [
{ Month: "Jan", Profit: 2000 } ]);
private function lineseriesRollOverHandler(event:MouseEvent):void
{
linechart.showAllDataTips = true;
}
private function lineserieRollOutHandler(event:MouseEvent):void
{
linechart.showAllDataTips = false;
}
private function dataTipFunction(hitData:HitData):String
{
if(hitData && hitData.item)
{
var s:String = "";
if(hitData.element is LineSeries)
{
if(expensesAC.length <=1)
hitData.x = 56;
var lsi:LineSeriesItem = hitData.chartItem as LineSeriesItem;
if(lsi == null)
return "";
s += "<b>" + (hitData.element as LineSeries).displayName + "</b><br />";
s += lsi.xValue + "<br />";
s += lsi.yNumber;
}
return s;
}
return "";
}
]]>
</fx:Script>
<fx:Declarations>
</fx:Declarations>
<mx:Panel width="100%" height="100%" layout="horizontal" title="Single point LineChart Example">
<mx:LineChart id="linechart" width="45%" height="100%" dataProvider="{expensesAC}"
paddingLeft="5" paddingRight="5" showDataTips="true" dataTipFunction="dataTipFunction">
<mx:horizontalAxis>
<mx:CategoryAxis categoryField="Month"/>
</mx:horizontalAxis>
<mx:series>
<mx:LineSeries displayName="Profit" form="curve"
itemRenderer="mx.charts.renderers.CircleItemRenderer"
legendMarkerRenderer="mx.charts.renderers.BoxItemRenderer"
rollOut="lineserieRollOutHandler(event)"
rollOver="lineseriesRollOverHandler(event)" yField="Profit"/>
</mx:series>
</mx:LineChart>
<mx:Legend dataProvider="{linechart}"/>
</mx:Panel>
</s:Application>
在mxml中,