`
tony0101
  • 浏览: 28361 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

flex虚线等各种曲线以及自定义Datatip

阅读更多

最近需要用flex的一些组件做数据呈现,但是做虚线却一直没找到合适的,最近找到一个比较好的虚线以及其他做数据呈现的图,效果如下图:

 

dashline

 

附件中有上图源码

-------------------------------------------------------------------------

关于线,饼,柱等图的datatip自定义

首先在对应的控件上调用dataTipFunction传自己写好的方法,例如:

            private function dataTipControl(item:HitData):String
            {
                // Debug.log("datatip item----------->" + ObjectUtil.toString(item.item));
                //item.contextColor = 0xff0000; //鼠标移动到数据点上后改变其颜色
                if (callMarket.getUserName() == item.item.userID)
                    return item.item.price + ":" + item.item.units + "(Own) <br>" + df.format(item.item.time);
                else
                    return item.item.price + ":" + item.item.units + "<br>" + df.format(item.item.time);
                ;
            }
 可以自定義其中所需要呈現的內容以及效果。
  • 大小: 67.9 KB
分享到:
评论

相关推荐

    flex图表中DataTips样式(背景颜色、文字颜色,等...)

    下面我们将详细探讨如何在Flex中自定义DataTips的样式。 首先,我们需要理解DataTips的基本结构。在Flex中,DataTip是一个UIComponent,可以包含文本、图像甚至更复杂的组件。默认情况下,它的样式可能并不符合我们...

    pb,graph曲线图综合应用

    通过灵活地配置坐标轴、绘制曲线、显示数据点以及利用各种高级特性,我们可以创建出满足不同需求的图表,从而提升数据分析和决策的效率。在实际项目中,结合PB的其他控件和功能,Graph控件可以发挥更大的作用,为...

    Atom-atom-ide-datatip,替换数据工具提示提供程序,它最初是来自Facebook的Atom IDE包的一部分。.zip

    Atom-atom-ide-datatip.zip,替换数据工具提示提供程序,它最初是来自Facebook的Atom IDE包的一部分。Atom IDE数据提示包,atom是一个用web技术构建的开源文本编辑器。

    DataTip.unitypackage

    Unity中三维模型可视化数据标注,动态连接三维模型与平面ui,点击展开数据提示,自动收起非交互数据提示

    通过鼠标或箭头键获得多条曲线的数据提示:功能“DataTip.m”在鼠标指针位置显示完全可定制的数据提示。 它适用于常规图形或 GUI。-matlab开发

    • 与鼠标指针保持一定距离的曲线。*) • 将曲线的颜色复制为数据提示框的颜色。 • 也适用于 GUI。 限制: • 2D 绘图• 一个x 轴,不反转、线性或对数。 • 一个或两个 y 轴,不反转、线性或对数。 • 轴限制未...

    Winform + ZedGraph + 显示坐标点和绘制游标

    2. **DataTip**:你可以自定义数据提示框,当鼠标悬停在点上时显示详细信息。通过设置`GraphPane`的`DataTipTemplate`属性,可以定制显示的内容,例如坐标值、额外的数据字段等。 3. **Custom Draw Points**:如果...

    atom-ide-datatip:Atom IDE的数据提示

    atom-ide-datatip软件包 由Facebook开发的原始Atom-IDE / Nuclide软件包替代了DataTip功能。 入门 在Atom中安装atom-ide-datatip 。 安装您要使用的IDE语言包: TypeScript和JavaScript Python 防锈防锈 您也...

    matlab绘图:7 matlab图形手动编辑.zip

    9. **图形保存与导出**:`saveas`函数能将图形保存为各种格式,如PDF、EPS、PNG等。 10. **自定义函数和回调**:可以编写自定义函数来响应用户的交互事件,如按钮点击或图形区域选择,这需要用到回调函数。 通过...

    Matlab图形的编辑(含绘图修改的奥义[收集].pdf

    - 包括各种特定类型的函数图,如对数图、极坐标图、3D图等,Matlab提供了丰富的函数支持,如`loglog`, `semilogx`, `semilogy`, `polar`等。 7. **其他绘图技巧**: - 图像不显示可能是因为绘图窗口没有正确初始...

    Allegro tips_tricks.pdf

    有关设计优化的技巧,如检查数据库性能是否优化,禁用自定义颜色分配,以及如何使用“ReadOnly Variables”和“SameNet DRCs”等。文档还提到了解决系统反应迟缓、DRC更新缓慢等问题的方法,以及通过修改脚本模式来...

    用Ext实现报表中的核心问题解决方案

    此外,还可以通过修改`chartStyle`、`font`、`border`、`background`、`legend`、`dataTip`等属性来自定义图表的整体风格,例如: - `chartStyle`:可以设置图表的边距、动画效果等。 - `legend`:控制图例的位置、...

    js DuPont 结构图

    5. **实现交互**:添加datatip和节点收缩功能,可能需要编写自定义事件监听器和函数。 6. **渲染图表**:在HTML页面中插入图表,调用库的API绘制图表。 7. **测试和优化**:进行多平台和多浏览器测试,根据反馈调整...

    matlab开发-图窗口的数据游标

    当你在图窗口中激活数据游标时,你可以点击图上的任意点,此时会显示该点的坐标值,以及任何与这些坐标关联的值,如曲线上的Y值或其他数据属性。 在MATLAB中,可以使用`datatip`或`datacursormode`函数来控制数据...

    js DuPont 杜邦

    这个"js Dupont 杜邦"项目可能是一个JavaScript库或者框架,它提供了交互式功能,如`mouseOver`、`mouseOut`事件以及`datatip`(数据提示),并支持节点的可伸缩性,使得用户能更直观地理解和探索数据。 1. **杜邦...

    matlab 常用函数.docx

    MATLAB 是一种强大的数学计算和数据分析软件,广泛应用于科学计算、工程设计以及数据分析等领域。它提供了丰富的函数库,便于用户进行各种复杂的计算和图形绘制。以下是一些MATLAB常用函数和概念的详细说明: 1. **...

    matlab开发-ConverttoCursor.zip.zip

    1. **光标工具**:MATLAB的图形用户界面(GUI)支持创建光标工具,用户可以自定义光标的样式和行为。`uitoolbar`和`uiaxes`函数可以帮助我们添加和管理光标。例如,`addhandler`函数可以用来绑定光标到特定的轴,使...

    Cadence_16.5的新功能

    此外,针对DRC(设计规则检查)功能,元件布局以及最佳实践文档(Best Practice Paper)等重要方面都有了改进和更新。 在用户界面方面,Cadence 16.5 引入了以花纹图案形式高亮显示,动态和静态形状显示,高亮固定...

    matlab开发-correctticklabel

    3. **数据光标兼容性**:如果用户使用数据光标(datatip)功能,`correctticklabel`还应该保证光标位置对应的标签正确无误。 4. **处理特殊值**:有时,X轴上的某些值可能需要特别处理,比如设置特定的标签文本,...

    OzCode Debugger 1.0 Patch + License

    All of OzCode’s features are embedded into Visual Studio’s DataTip and Quick Watch and don’t require opening any new windows. Simply hover over a variable, object or statement while debugging to ...

Global site tag (gtag.js) - Google Analytics