在 Flex 折线图中显示数据点答案

【问题标题】：Displaying data points in Flex Line chart在 Flex 折线图中显示数据点
【发布时间】：2010-10-03 13:48:08
【问题描述】：

我有一个弹性折线图。有没有一种方法可以更改每个点的渲染并始终显示它们，而不是必须将鼠标悬停在线条的某些部分上才能查看数据点的默认行为？（几乎就像一个连接点类型的视图）。

【问题讨论】：

【解决方案1】：

试试这个

<mx:LineChart>
    <mx:series>
        <mx:LineSeries dataProvider="{arr1}">
            <mx:itemRenderer>
                <mx:Component>
                    <mx:CrossItemRenderer/>
                </mx:Component>
            </mx:itemRenderer>
        </mx:LineSeries>
    </mx:series>
</mx:LineChart>

您可以将 CrossItemRenderer 更改为 DiamondItemRenderer 或任何其他
有关示例，请查看本页底部：Using strokes with chart controls

【讨论】：

【解决方案2】：

您需要将 LineChart 的“showAllDataTips”属性设置为 true，例如

 <mx:LineChart id="linechart" height="100%" width="45%"
        paddingLeft="5" paddingRight="5" 
        showDataTips="true" dataProvider="{expensesAC}"
        showAllDataTips="true">

这将显示该图表的所有数据提示

【讨论】：

【解决方案3】：

我正在使用 ActionScript 构建线条系列，并在 MXML 中使用 line mx:lineStroke 来更改线条的颜色。问题是我与这条线一起使用的 CircleItemRenderer 不采用线的颜色，而是采用一些默认颜色。有没有一种方法可以将蓝色线条的橙色三角形改为蓝色三角形，从而与线条颜色保持一致。

解决方案：---

<mx:SolidColor id="fillColor" color="0xbbbbbb" alpha="1"/>
<mx:Stroke id="lineStroke" color="0xbbbbbb" weight="2" alpha="1"/>

<mx:series>
  <mx:LineSeries yField="yvalue" xField="xvalue"
                 form="curve" 
                 itemRenderer="mx.charts.renderers.CircleItemRenderer"
                 fill="{fillColor}" 
                 lineStroke="{lineStroke}" stroke="{null}" />
</mx:series>

【讨论】：

【解决方案4】：

回复另一个question on the same subject...

如果您使用的是<mx:LineSeries>，则设置以下属性：

itemRenderer="mx.charts.renderers.CircleItemRenderer"

在 ActionScript 中构造 LineSeries 时，在添加到系列数组之前在 LineSeries 对象上设置 itemRenderer 样式：

lineSeries.setStyle("itemRenderer", new ClassFactory(mx.charts.renderers.CircleItemRenderer));

别忘了...

import mx.charts.renderers.*;

您也不必拘泥于圆形项目渲染器，您可以使用渲染器包中的任何项目渲染器。

【讨论】：