首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >LineChart数据提示不会显示单个数据点?

LineChart数据提示不会显示单个数据点?
EN

Stack Overflow用户
提问于 2011-06-06 19:10:16
回答 3查看 1.3K关注 0票数 0

在Flex3中,我有一个折线图。我的折线图数据提供程序只包含一项。

当我绘制折线图时,它会绘制点。但是它没有显示数据提示。

如果dataprovider中存在多个项,则它会起作用。

如何使用包含单个数据项的dataprovider使折线图显示数据提示?

EN

回答 3

Stack Overflow用户

发布于 2011-06-07 07:49:19

如果只有一个点,请使用PlotSeries而不是LineSeries。你会用它的dataTip得到一个很好的圆点。如何做到这一点完全取决于数据是如何构建的-如果数据在分配给dataProvider后没有更改,您可以选择在此时使用哪种类型的序列。

票数 0
EN

Stack Overflow用户

发布于 2011-06-17 20:01:34

在actionscript中尝试以下代码,

代码语言:javascript
复制
lineSeries.setStyle("itemRenderer", new ClassFactory(mx.charts.renderers.CircleItemRenderer));

在mxml中,

代码语言:javascript
复制
<mx:LineSeries yField="Y" itemRenderer="mx.charts.renderers.CircleItemRenderer" xField="X" dataProvider="{lineDataProvider}">
票数 0
EN

Stack Overflow用户

发布于 2016-03-04 12:49:16

有一种解决方法可以显示datatip。我们需要将ROLL_OVERROLL_OUT鼠标事件侦听器添加到只有一个数据点的行系列中。

代码语言:javascript
复制
<?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>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6251137

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档