achartengine之折线图
问题在文章的最后,大致说来就是折线图,如果点的个数大于3个的时候,不是所有的点都显示对应的值的,这是为什么呢,本来以为是小问题,但两天了还没找到原因)
将前两天的折线图代码做了小量修改,形成一个类似于这样的功能(类似web页面的含有查询条件以及数据列表的功能):
页面布局:
页面A,页面B:页面A中只有一个按钮,B中有输入框和提交按钮,输入框用来输入数据。
业务流程:
1.点击A中的按钮,进入B中,此时B中没有输入数据,所以B中默认显示设置好的一个折线图,
2.在B的输入框中输入一系列以“逗号”分隔的数字,点击“确定”按钮,折线图刷新。
两个activity以及两个layout,代码如下:
- package com.test.testlinechar;
- import android.app.Activity;
- import android.content.Intent;
- import android.os.Bundle;
- import android.os.Handler;
- import android.view.Menu;
- import android.view.View;
- import android.view.View.OnClickListener;
- import android.widget.Button;
- public class HandlerActivity extends Activity {
- private Button start;
- private Button endButton;
- private Button lineButton;
- Handler handler = new Handler();
- Runnable updateHandler = new Runnable() {
- @Override
- public void run() {
- System.out.println("updateHandler");
- handler.postDelayed(updateHandler, 3000);
- }
- };
- @Override
- protected void onCreate(Bundle savedInstanceState) {
- // TODO Auto-generated method stub
- super.onCreate(savedInstanceState);
- setContentView(R.layout.activity_handler);
- start = (Button) findViewById(R.id.start);
- endButton = (Button) findViewById(R.id.end);
- start.setOnClickListener(new StartClickLintener());
- endButton.setOnClickListener(new EndClickLintener());
- lineButton = (Button) findViewById(R.id.line);
- lineButton.setOnClickListener(new LineClickLintener());
- }
- @Override
- public boolean onCreateOptionsMenu(Menu menu) {
- // TODO Auto-generated method stub
- return super.onCreateOptionsMenu(menu);
- }
- class LineClickLintener implements OnClickListener{
- @Override
- public void onClick(View v) {
- Intent intent = new Intent();
- intent.setClass(HandlerActivity.this, Activity_01.class);
- startActivity(intent);
- }
- }
- }
以上和“折线图”相关的实际上只需要关注一个按钮“lineButton”
以下为布局文件:
- <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
- xmlns:tools="http://schemas.android.com/tools"
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- android:paddingBottom="@dimen/activity_vertical_margin"
- android:paddingLeft="@dimen/activity_horizontal_margin"
- android:paddingRight="@dimen/activity_horizontal_margin"
- android:paddingTop="@dimen/activity_vertical_margin"
- tools:context="com.test.testlinechar.HandlerActivity" >
- <Button
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:id="@+id/start"
- android:text="@string/start"
- />
- <Button
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:id="@+id/end"
- android:text="@string/end"
- android:layout_alignRight="@id/start"
- android:layout_alignParentRight="true"
- />
- <Button
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_below="@id/end"
- android:id="@+id/line"
- android:text="@string/line"
- />
- </RelativeLayout>
B页面代码如下:
- package com.test.testlinechar;
- import java.lang.reflect.Type;
- import org.achartengine.ChartFactory;
- import org.achartengine.GraphicalView;
- import org.achartengine.chart.PieChart;
- import org.achartengine.chart.PointStyle;
- import org.achartengine.model.CategorySeries;
- import org.achartengine.model.XYMultipleSeriesDataset;
- import org.achartengine.model.XYSeries;
- import org.achartengine.renderer.DefaultRenderer;
- import org.achartengine.renderer.SimpleSeriesRenderer;
- import org.achartengine.renderer.XYMultipleSeriesRenderer;
- import org.achartengine.renderer.XYSeriesRenderer;
- import android.os.Bundle;
- import android.R.integer;
- import android.app.Activity;
- import android.content.Intent;
- import android.graphics.Color;
- import android.graphics.Paint.Align;
- import android.view.Menu;
- import android.view.View;
- import android.view.View.OnClickListener;
- import android.widget.Button;
- import android.widget.EditText;
- import android.widget.LinearLayout;
- public class Activity_01 extends Activity {
- private Button submit;
- private Button reset;
- private EditText editText;
- private GraphicalView Gview;
- @Override
- protected void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.activity_activity_01);
- submit = (Button) findViewById(R.id.submit);
- submit.setOnClickListener(new SumbitClickListener());
- reset = (Button) findViewById(R.id.reset);
- editText = (EditText) findViewById(R.id.editOne);
- String testString = editText.getText().toString();
- double [] Ypoints = new double[]{5,4,6,3,5};;
- if(!"".equals(testString)&&testString!=null){
- String [] strings = testString.split(",");
- Ypoints = new double[strings.length];
- for(int i=0;i<strings.length;i++){
- Ypoints[i] = Integer.valueOf(strings[i]);
- }
- }
- lineView(Ypoints);
- }
- @Override
- public boolean onCreateOptionsMenu(Menu menu) {
- // Inflate the menu; this adds items to the action bar if it is present.
- getMenuInflater().inflate(R.menu.main, menu);
- return true;
- }
- class SumbitClickListener implements OnClickListener{
- @Override
- public void onClick(View v) {
- String tempString = editText.getText().toString();
- String [] tempStrings =null;
- if(tempString.contains(",")){
- tempStrings = tempString.split(",");
- }else if(tempString.contains(",")){
- tempStrings = tempString.split(",");
- }
- double []temppoints = new double[tempStrings.length];
- for(int i=0;i<tempStrings.length;i++){
- temppoints[i] = Integer.valueOf(tempStrings[i]);
- }
- lineView(temppoints);
- }
- }
- //折线图
- public void lineView(double [] Ypoints){
- //同样是需要数据dataset和视图渲染器renderer
- XYMultipleSeriesDataset mDataset = new XYMultipleSeriesDataset();
- XYSeries series = new XYSeries("第一条线");
- String [] strs = new String [Ypoints.length];
- for(int i=0;i<Ypoints.length;i++){
- series.add(i+1, Ypoints[i]);
- strs[i] =(i+1)+"月";
- }
- mDataset.addSeries(series);
- XYMultipleSeriesRenderer mRenderer = new XYMultipleSeriesRenderer();
- //设置图表的X轴的当前方向
- mRenderer.setOrientation(XYMultipleSeriesRenderer.Orientation.HORIZONTAL);
- mRenderer.setXTitle("日期");//设置为X轴的标题
- mRenderer.setYTitle("价格");//设置y轴的标题
- mRenderer.setAxisTitleTextSize(20);//设置轴标题文本大小
- mRenderer.setChartTitle("价格走势图");//设置图表标题
- mRenderer.setChartTitleTextSize(30);//设置图表标题文字的大小
- mRenderer.setLabelsTextSize(18);//设置标签的文字大小
- mRenderer.setLegendTextSize(20);//设置图例文本大小
- mRenderer.setPointSize(10f);//设置点的大小
- mRenderer.setYAxisMin(0);//设置y轴最小值是0
- mRenderer.setYAxisMax(15);
- mRenderer.setYLabels(10);//设置Y轴刻度个数(貌似不太准确)
- mRenderer.setXAxisMax(strs.length+1);
- mRenderer.setShowGrid(true);//显示网格
- //将x标签栏目显示如:1,2,3,4替换为显示1月,2月,3月,4月
- for(int i=0;i<strs.length;i++){
- mRenderer.addXTextLabel(i+1, strs[i]);
- }
- mRenderer.setXLabels(0);//设置只显示如1月,2月等替换后的东西,不显示1,2,3等
- mRenderer.setMargins(new int[] { 20, 30, 15, 20 });//设置视图位置
- XYSeriesRenderer r = new XYSeriesRenderer();//(类似于一条线对象)
- r.setColor(Color.BLUE);//设置颜色
- r.setPointStyle(PointStyle.CIRCLE);//设置点的样式
- r.setFillPoints(true);//填充点(显示的点是空心还是实心)
- r.setDisplayChartValues(true);//将点的值显示出来
- r.setChartValuesSpacing(10);//显示的点的值与图的距离
- r.setChartValuesTextSize(25);//点的值的文字大小
- r.setLineWidth(3);//设置线宽
- mRenderer.addSeriesRenderer(r);
- LinearLayout layout = (LinearLayout) findViewById(R.id.lineChar);
- Gview = ChartFactory.getLineChartView(this, mDataset, mRenderer);
- Gview.setBackgroundColor(Color.BLACK);
- //移除原有的LinearLayout中的视图控件
- layout.removeAllViewsInLayout();
- layout.addView(Gview);
- }
- }
B对应布局文件如下:
- <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
- xmlns:tools="http://schemas.android.com/tools"
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- android:paddingBottom="@dimen/activity_vertical_margin"
- android:paddingLeft="@dimen/activity_horizontal_margin"
- android:paddingRight="@dimen/activity_horizontal_margin"
- android:paddingTop="@dimen/activity_vertical_margin"
- tools:context="com.test.testlinechar.Activity_01" >
- <!-- android:layout_above="将该控件的底部置于给定ID的控件之上" -->
- <!-- android:layout_below="将该控件的底部置于给定ID的控件之下" -->
- <!-- android:layout_toLeftOf="将该控件的右边缘和给定ID的控件的左边缘对齐" -->
- <!-- android:layout_toRightOf="将该控件的左边缘和给定ID的控件的右边缘对齐" -->
- <TextView
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="@string/hello_world"
- android:id="@+id/textOne"
- />
- <EditText
- android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- android:id="@+id/editOne"
- android:layout_below="@id/textOne"
- />
- <Button
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:id="@+id/submit"
- android:layout_alignParentRight="true"
- android:layout_below="@id/editOne"
- android:text="@string/submit"
- />
- <Button
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:id="@+id/reset"
- android:layout_toLeftOf="@id/submit"
- android:layout_below="@id/editOne"
- android:text="@string/reset"
- />
- <LinearLayout android:id="@+id/lineChar"
- android:orientation="horizontal"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_below="@id/submit"
- />
- </RelativeLayout>
效果图如下:
1.
2.点击“折线图”,进入默认页面如图:
3.在输入框中输入数据,点击“确定”按钮,如图:
以上,图形根据输入的数据动态的更新了,但是还有一个小问题,当输入的数字个数为4个的时候,点的附近没有都显示“值”,
当输入的数据个数为3个的时候,点的值都显示了,可能是那个地方的设置要调整吧,我想这个都是小问题了,先就到这里。
解决方案:
https://code.google.com/p/achartengine/issues/detail?id=228
这个人去年提出了这个bug,最新版的jar已经修复了。但是!但是我们下载从官网下载的1.0不包括这个修复,要去achart的官网下载1.10RC版,然后使用renderer.setDisplayChartValuesDistance(30),就可以了。
原理就是原先每个值默认的间距是100,太宽了,放在linechart上回导致互相影响,设小一点或者把line间距放大就解决了!
achartengine之折线图的更多相关文章
- AChartEngine 安卓折线图 柱形图等利器
http://www.eoeandroid.com/thread-548233-1-6.html 最近公司项目中要用到折线图,状态类型的图标要用到折线图,柱形图等,并且能够动态显示,在网上找了许多de ...
- Android AChartEngine 去除折线图黑边
通常使用AChartEngine画出的折线图,如果背景不是黑色,则会在折线图的坐标轴旁边出现黑边,如图所示: 试了好多设置,最后终于发现,去除黑边的设置是: mRenderer.setMarginsC ...
- Android图表引擎AChartEngine之折线图使用
最近在帮老师做一个课题,其中app端需要显示折线图以便直观地看数据波动,上网查了些资料后发现了这款图标引擎,另外感谢李坤老师的博客,帮助很大. 废话不多说,下面写代码. 一.AChartEngine是 ...
- android使用achartengine 实现折线图
折线图的实现分为下边几个步骤: 1.第一步:数据的准备 XYMultipleSeriesDataset mDataset = new XYMultipleSeriesDataset(); XYSeri ...
- AChartEngine折线图实例
最近做项目要用到图表,在网上找相关的解决方案找了很久,搜到最多的就是这个框架,所以就开始研究下怎么使用,首先研究的就是折线图,如是做了一个实例. AChartEngine下载地址:http://cod ...
- 安卓图表引擎AChartEngine(三) - 示例源码折线图、饼图和柱状图
折线图: package org.achartengine.chartdemo.demo.chart; import java.util.ArrayList; import java.util.Lis ...
- 使用achartengine实现自定义折线图 ----附代码 调试OK
achartengine作为android开发中最常用的实现图标的开源框架,使用比较方便,参考官方文档谢了如下Demo,实现了自定义折线图. package edu.ustb.chart; impor ...
- achartengine画出动态折线图
achartengine画出动态折线图的效果最近有个项目需要用到实时曲线图,我也上网搜索了一下,最后还是选择使用achartengine这个现成的东西,毕竟自己再canvas一下实在是太麻烦,而且项目 ...
- 安卓图表引擎AChartEngine(四) - 源码示例 嵌入Acitivity中的折线图
前面几篇博客中都是调用ChartFactory.get***Intent()方法,本节讲的内容调用ChartFactory.get***View()方法,这个方法调用的结果可以嵌入到任何一个Activ ...
随机推荐
- [SCOI2010]生成字符串
题目描述 lxhgww最近接到了一个生成字符串的任务,任务需要他把n个1和m个0组成字符串,但是任务还要求在组成的字符串中,在任意的前k个字符中,1的个数不能少于0的个数.现在lxhgww想要知道满足 ...
- bzoj 3191: [JLOI2013]卡牌游戏
Description N个人坐成一圈玩游戏.一开始我们把所有玩家按顺时针从1到N编号.首先第一回合是玩家1作为庄家.每个回合庄家都会随机(即按相等的概率)从卡牌堆里选择一张卡片,假设卡片上的数字为X ...
- Codeforces Round #397 by Kaspersky Lab and Barcelona Bootcamp (Div. 1 + Div. 2 combined)
运气好,分到的房里我最先开始Hack C题,Hack了12个,听说F题沙雕莫队但我不会,最后剩不到15分钟想出E题做法打了一波结果挂了,最后虽然上分了但总有点不甘心. 最后A掉ABCD Hack+12 ...
- 17.10.31&11.01
10.31模拟考试 Prob.1(AC)裸的矩阵幂 Prob.2(WA)(类似括号匹配求合法方案数) 卡特兰数的一个模型运用.可以推出一个式子(推导方法一个erge讲的,一个骚猪讲的) Prob.3( ...
- 2015 多校联赛 ——HDU5389(dp)
Sample Input 4 3 9 1 1 2 6 3 9 1 2 3 3 5 2 3 1 1 1 1 1 9 9 9 1 2 3 4 5 6 7 8 9 Sample Output 1 0 1 ...
- ●BZOJ 2839 集合计数
题链: http://www.lydsy.com/JudgeOnline/problem.php?id=2839 题解: 容斥原理 真的是神题!!! 定义 f[k] 表示交集大小至少为 k时的方案数怎 ...
- bzoj1132[POI2008]Tro 计算几何
1132: [POI2008]Tro Time Limit: 20 Sec Memory Limit: 162 MBSubmit: 1722 Solved: 575[Submit][Status] ...
- Linux下用程序实现统计cpu和内存的利用率
Linux下没有直接可以调用系统函数知道CPU占用和内存占用.那么如何知道CPU和内存信息呢.只有通过proc伪文件系统来实现. proc伪文件就不介绍了,只说其中4个文件.一个是/proc/stat ...
- glusterfs4.0.1 mempool 分析笔记
关于3.2.5版本分析,详见<GlusterFS之内存池(mem-pool)实现原理及代码详解> 此4.0.1版本内存池与版本3中的描述变化有点大,总的原理还是类似LINUX中的SLAB算 ...
- PostgreSQL 查看单表大小
1. 在数据库中查单个表 select pg_size_pretty(pg_relation_size('table_name')); 2. 查出并按大小排序 SELECT table_schema ...