`
luweimstr
  • 浏览: 19165 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

自己写写Android上的Chart Engine(二. bar chart)

阅读更多
From :
http://blog.sina.com.cn/s/blog_83395bd50100ugsf.html

今天算是坚持了,对昨天完工的bar chart做了一定的polish:
1)能同时画出多个分类的bar,以不同的颜色显示;
2)添加了tooltip,不过这个tooltip需要用户点击(touch)响应的bar根据bar的数据、颜色和位置等信息显示该bar的信息(分类,横坐标,纵坐标);
3) 在bar chart和chart Grid的基础上又添加了Title和legend。

简单介绍几个组成部分:
首先显示的bar chart (包括bar,Grid,title和legend)包含在一个BarChart View(继承View)中,是静态的。而tool tip是动态的View,在用户点击bar时出发BarChart View的OnTouch事件。然后判断touch坐标位于哪个Bar当中,进而获取该bar的信息,并创建tool tip view显示出来。当然,当用户touch空白位置时,显示的tooltip见消失,touch另一个bar时,当前显示的tooltip也将消失,并在当前touch的bar上显示新的tooltip。

实例:
横坐标:
lCtStr[0] = "mon";
lCtStr[1] = "Tue";
lCtStr[2] = "Wes";
lCtStr[3] = "Thu" ;
纵坐标分为三类:
DataMeasure lDM = new DataMeasure(lVal, "Food", "$");
DataMeasure lDM2 = new DataMeasure(lVal2, "Cloth", "$");
DataMeasure lDM3 = new DataMeasure(lVal3, "Other", "$");

最终显示出的barchart如下图:



在用户touch横坐标为mon,纵坐标为cloth类别的bar时,显示了当前bar的信息(Cloth, mon, 120).

接下来开始着手pie chart的创建....
分享到:
评论

相关推荐

    ChartEngine图形显示

    ChartEngine是一款专为Android平台设计的图形库,它提供了丰富的图表类型,如线性图、饼图和柱状图,帮助开发者轻松地将复杂的数据转化为直观、易于理解的图形。下面将详细阐述ChartEngine在Android中的应用及其使用...

    基于achart报表图形

    - 实例化图表:根据需求选择合适的图表类型,如LineChart(折线图)、BarChart(柱状图)等,用代码实例化图表对象。 - 设置图表属性:如标题、轴标签、颜色等,可以通过设置方法调整。 - 添加数据:调用图表对象...

    matlab开发-addchart

    同时,如果`addchart.m`存在错误或不满足特定需求,你可能需要对其进行修改或寻找其他解决方案,例如使用`com.mathworks.engine.MatlabEngine`接口直接调用MATLAB引擎进行更复杂的Excel图表操作。 总之,`addchart`...

    Delphi显示数据库中的内容为图表形式..rar

    例如,修改Series.Colors属性设置不同颜色,Series.Labels Visible属性控制是否显示标签,Chart.Legend.Visible属性控制图例是否可见。 6. 实时更新与交互 如果需要实时更新图表,可以监听TADOQuery的OnDataChange...

    achartengine-1.10 源代码

    1. **图表引擎类(ChartEngine)**:作为库的主要入口,它负责创建和管理图表对象。 2. **图表基类(Chart)**:所有图表类型的抽象基类,包含绘制和更新图表的基本方法。 3. **数据模型(DataSeries)**:存储...

    ArcGIS开发教程

    arcgis开发教程,ao开发教程,arcobjects开发教程,arcgis objects开发教程,arcgis桌面开发教程,AE开发教程,Arcgis Engine开发教程 1.3. GeoDataBase 34 1.3.1. 如何加载Shape文件 34 1.3.2. 如何在ArcMap中加入Text...

    安卓实现AChartEngine-饼图+柱形图

    ChartEngine支持的图表类型:折线图、区域图、散点图、时间图、柱状图、饼状图、气泡式图表、环形图、高低交替图等。 以上每种图表都可以包含多个序列, 可以将X轴以水平或垂直的形式显示,也支持很多自定义的特性。...

    AChartEngine

    ChartEngine支持的图表类型:折线图、区域图、散点图、时间图、柱状图、饼状图、气泡式图表、环形图、高低交替图等。 以上每种图表都可以包含多个序列, 可以将X轴以水平或垂直的形式显示,也支持很多自定义的特性。...

    AChartEngine图标

    - **柱状图** (`BarChart`): 通过高度表示数值,适合比较不同类别间的数值差异。 - **饼图** (`PieChart`): 用扇形表示部分占总体的比例,直观展示各部分相对大小。 - **散点图** (`XYChart`): 在X-Y坐标系上表示...

    UMG图表控件+UE5插件+曲线图、饼图、环状图、柱状图

    4. 柱状图(Bar Chart):用矩形的长度表示数据量,适合对比多个分类数据。在Unreal Engine5的项目中,可以用来显示关卡评分、排行榜或者资源消耗情况。 该插件基于C++编程,意味着开发者可以深入底层优化性能,...

    d3.js库

    - **柱状图(Bar Chart)**:适用于对比分类数据的大小。 - **饼图(Pie Chart)**:展示部分与整体的比例关系。 - **散点图(Scatter Plot)**:用于探索两个变量之间的关系。 - **热力图(Heatmap)**:用颜色表示...

    50个最好的JQuery插件大全

    11. **数据可视化插件**:如jqPlot或Chart.js,用于创建图表,展示数据统计和分析结果。 12. **滚动特效插件**:如Scrollify或Fullpage.js,实现全屏滚动或平滑滚动效果,提升网站视觉冲击力。 13. **通知提示插件...

    Ext Js权威指南(.zip.001

    9.5.1 标签面板的构成及其运行流程:ext.tab.panel、ext.tab.bar与ext.tab.tab / 458 9.5.2 标签面板的配置项、属性、方法和事件 / 462 9.5.3 使用标签页 / 463 9.5.4 可重用的标签页 / 465 9.6 视图与选择模型...

    SHAFT_ENGINE:SHAFT_ENGINE是一个测试自动化引擎,可为任何基础测试自动化框架提供统一的高级界面

    最新测试执行报告 :bar_chart: : : 使用SHAFT_Engine的示例项目 :airplane_selector: : : SHAFT_ENGINE是: 测试自动化引擎。 源代码控制的Java 15 Maven项目,可以通过常规功能轻松,定期地进行扩展和增强。...

    Dreamweaver CS4 黄金插件10-02

    61. DwZone Site Search Engine V1.2.9 For Adobe Dreamweaver 62. DwZone Visual CDonts Insert Object V1.1.4 For Adobe Dreamweaver 63. DwZone Visual Include V1.1.4 For Adobe Dreamweaver 64. DwZone Visual ...

    Dreamweaver CS4 黄金插件10-05

    61. DwZone Site Search Engine V1.2.9 For Adobe Dreamweaver 62. DwZone Visual CDonts Insert Object V1.1.4 For Adobe Dreamweaver 63. DwZone Visual Include V1.1.4 For Adobe Dreamweaver 64. DwZone Visual ...

    Dreamweaver CS4 黄金插件10-1

    61. DwZone Site Search Engine V1.2.9 For Adobe Dreamweaver 62. DwZone Visual CDonts Insert Object V1.1.4 For Adobe Dreamweaver 63. DwZone Visual Include V1.1.4 For Adobe Dreamweaver 64. DwZone Visual ...

    Dreamweaver CS4 黄金插件10-03

    61. DwZone Site Search Engine V1.2.9 For Adobe Dreamweaver 62. DwZone Visual CDonts Insert Object V1.1.4 For Adobe Dreamweaver 63. DwZone Visual Include V1.1.4 For Adobe Dreamweaver 64. DwZone Visual ...

    Dreamweaver CS4 黄金插件10-04

    61. DwZone Site Search Engine V1.2.9 For Adobe Dreamweaver 62. DwZone Visual CDonts Insert Object V1.1.4 For Adobe Dreamweaver 63. DwZone Visual Include V1.1.4 For Adobe Dreamweaver 64. DwZone Visual ...

    Dreamweaver CS4 黄金插件10-08

    61. DwZone Site Search Engine V1.2.9 For Adobe Dreamweaver 62. DwZone Visual CDonts Insert Object V1.1.4 For Adobe Dreamweaver 63. DwZone Visual Include V1.1.4 For Adobe Dreamweaver 64. DwZone Visual ...

Global site tag (gtag.js) - Google Analytics