AChartEngine画折线图 的属性设置(个人精华版)

个人观点:如果用第三方的结构,只能做出来一般的图,别指望能够多么炫酷和随心所欲。除非你看源码。看源码很重要。

AChartEngine是为Android应用开发而设计的绘图工具库,可用于绘制各种图表,下载地址:
http://code.google.com/p/achartengine/
你可以下载到最新的jar包,demo,以及api说明文档。
同样,在source栏,你可以用svn下载最新的源代码, svn命令是
svn checkouthttp://achartengine.googlecode.com/svn/trunk/ achartengine-read-only


最基本的属性:

1.    修改背景色或设置背景图片
背景色设置需要设置两项:setMarginsColor(设置四边颜色)以及setBackgroundColor(设置中间背景色)
设置背景图片:
        http://blog.csdn.net/kmyhy/article/details/6590294
2.    setAxisTitleTextSize(16);// 设置坐标轴标题文本大小
3.    setChartTitleTextSize(20); // 设置图表标题文本大小
4.    setLabelsTextSize(15); // 设置轴标签文本大小
5.    setLegendTextSize(15); // 设置图例文本大小
6.    renderer.setChartTitle( "个人收支表");//设置柱图名称
7.    renderer.setXTitle( "名单" );//设置X轴名称
8.    renderer.setYTitle( "金额" );//设置Y轴名称
9.    renderer.setXAxisMin(0.5);//设置X轴的最小值为0.5
10.  renderer.setXAxisMax(5.5);//设置X轴的最大值为5
11.  renderer.setYAxisMin(0);//设置Y轴的最小值为0
12.  renderer.setYAxisMax(500);//设置Y轴最大值为500
13.  renderer.setDisplayChartValues(true);//设置是否在柱体上方显示值
14.  renderer.setShowGrid(true);//设置是否在图表中显示网格
15.  renderer.setXLabels(0);//设置X轴显示的刻度标签的个数
16.  如果想要在X轴显示自定义的标签,那么首先要设置renderer.setXLabels(0);其次我们要renderer.addTextLabel()循环添加
17.  renderer.setXLabelsAlign(Align.RIGHT);//设置刻度线与X轴之间的相对位置关系
18.  renderer.setYLabelsAlign(Align.RIGHT);//设置刻度线与Y轴之间的相对位置关系
19.  renderer.setZoomButtonsVisible(true);//设置可以缩放
20.  renderer.setPanLimits(newdouble[] { 0, 20, 0, 140 });//设置拉动的范围
21.  renderer.setZoomLimits(newdouble[] { 0.5, 20, 1, 150 });//设置缩放的范围
22.  renderer.setRange(newdouble[]{0d, 5d, 0d, 100d}); //设置chart的视图范围
23.  renderer.setFitLegend(true);// 调整合适的位置
24.  renderer.setClickEnabled(true)//设置是否可以滑动及放大缩小;
25.  Dataset和Render参数介绍:
       http://blog.csdn.net/lk_blog/article/details/7645661

26.ChartView.repaint();是重新绘图的命令(@ FireLion 提供)
27.关于AChartEngine的点击事件,双击事件,滑动事件均可以用自定义事件解决,但是需要注意的是先设置renderer.setClickEnabled(false);

28.若是添加图形后变形,可以设置 renderer.setInScroll(true);解决,来自于@gupengno1
29.renderer.setGridColor();//设置网格颜色
30.renderer.setAxesColor();//设置坐标轴颜色


二、这一篇更加诚恳

achartengine.achartengine使用起来还算好,就是修改样式很烦.下面就分享下开发经验吧.
所有的chart都分两块,一块是Renderer(如XYMultipleSeriesRenderer,我的理解是,这个renderer为视图render的模板,就是你想用什么图标,一个图图表基本分2层,这个是最下面一层),一块是Dataset(如XYMultipleSeriesDataset,用于对视图数值的处理).

这边我就拿折线图举例吧.
首先需要

        XYMultipleSeriesRenderer mRenderer = new XYMultipleSeriesRenderer();//创建你需要的图表最下面的图层
        XYSeriesRenderer seriesRenderer = new XYSeriesRenderer();//创建你需要在图层上显示的具体内容的图层
        mRenderer.addSeriesRenderer(seriesRenderer);//添加进去

        XYMultipleSeriesDataset mDataset = new XYMultipleSeriesDataset()//创建数据层
        XYSeries series = new XYSeries("标题");//创建具体的数据层
        series .add(x, y);//添加数据,一般都是for循环数据不断操作这一步添加的
        mDataset.addSeries(series);

      然后调用ChartFactory.getLineChartIntent(context, mDataset, mRenderer),得到一个Intent类型的intent,startActivity(intent)就能得到图表了.这边需要在AndroidManifest.xml加上<activity android:name="org.achartengine.GraphicalActivity" />.这边是跳界面查看图表,是全屏的.ChartFactory可以得到很多视图,ChartFactory.getBarChartIntent(context, dataset, renderer, type, activityTitle)就可以得到一个柱状图.以此类推啊.

有时候项目中开发,需要在界面的某一块展示视图,这时候我们可以通过 ChartFactory.getLineChartView(context, mDataset, mRenderer)得到一个GraphicalView类型的视图.(这边就不要需要在AndroidManifest.xml加上<activity android:name="org.achartengine.GraphicalActivity" />.)



其实图表的使用流程就是这样.但要做一个自己想要的视图,就需要设置mRenderer 的样式,seriesRenderer 的样式.


mRenderer样式设置:
        mRenderer.setShowAxes(false);//设置是否需要显示坐标轴
        mRenderer.setXAxisMin(1.3d);//设置X轴最小值
        mRenderer.setXAxisMax(10d);//设置X轴最大值

        mRenderer.setYAxisMin(0d); //设置Y轴最小值
        mRenderer.setYAxisMax(maxY + maxY / 6); // 设置Y轴最大值
        mRenderer.setChartTitleTextSize(0);//设置图表标题字体大小,我这边设置0是把标题隐藏掉
        mRenderer.setYLabels(7);//设置Y轴标签数

        mRenderer.setExternalZoomEnabled(true);//设置是否可以缩放
        mRenderer.setZoomInLimitY(maxY + maxY / 6);//设置Y轴最大缩放限
        mRenderer.setZoomInLimitX(5);//设置X轴最大缩放限
        mRenderer.setPanEnabled(true, false);//设置滑动,这边是横向可以滑动,竖向不可滑动
        mRenderer.setXLabels(XLabel.size() - 1);//设置X标签数量
        mRenderer.setXLabelsPadding(200);//设置标签的间距
        mRenderer.setXLabelsAngle(-45f);//设置标签倾斜度
        for (int i = 0; i < XLabel.size(); i++)
        {
            mRenderer.addXTextLabel(i, XLabel.get(i));//这边是自定义自己的标签,显示自己想要的X轴的标签,需要注意的是需要setXLabels(0)放在标签重叠(就是自定义的标签与图表默认的标签)
        }      


        mRenderer.setPanLimits(new double[] {0, (XLabel.size()) * 2, 0, maxY});//设置滑动范围,这边我很好奇他的单位,一直有点小问题
        mRenderer.setAxesColor(context.getResources().getColor(R.color.text_hui));//设置数轴的颜色
        mRenderer.setGridColor(context.getResources().getColor(R.color.text_hui999999)); //设置网格的颜色   
        mRenderer.setShowGrid(true); /设置是否需要显示网格
        mRenderer.setYTitle(label);//设置Y轴标题
        mRenderer.setLabelsColor(Color.BLACK);//设置标签颜色
        mRenderer.setYLabelsAlign(Align.LEFT, 0);//设置标签居Y轴的方向
        mRenderer.setAxisTitleTextSize(20);
        mRenderer.setYLabelsColor(0, context.getResources().getColor(R.color.text_hui));        mRenderer.setLabelsTextSize(14);
        mRenderer.setZoomLimits(new double[] {0, maxX * 5, 0, maxY + maxY / 6});//设置缩放限制,setZoomInLimitY等一样
        mRenderer.setXLabelsColor(context.getResources().getColor(R.color.text_hui));
        mRenderer.setMarginsColor(context.getResources().getColor(R.color.chart_bg));//设置画布距数轴之间的颜色


        mRenderer.setZoomRate(1.4f);//放大几倍


seriesRenderer设置部分:


        seriesRenderer.setFillBelowLine(false); // 设置折线下方是否填充
        seriesRenderer.setFillBelowLineColor(context.getResources().getColor(R.color.chart_content_color));//填充色
        seriesRenderer.setPointStyle(PointStyle.CIRCLE); /折线点的样式
        seriesRenderer.setPointStrokeWidth(5f);//折线点的大小
        seriesRenderer.setDisplayChartValues(true);//设置显示折线的点对应的值
        seriesRenderer.setChartValuesTextSize(16);
        seriesRenderer.setColor(Color.BLUE);
        seriesRenderer.setChartValuesSpacing(7);
        seriesRenderer.setLineWidth(3.0f)//折线宽度
        seriesRenderer.setDisplayChartValuesDistance(5);///折线点的值距离折线点的距离
        seriesRenderer.setChartValuesTextAlign(Align.RIGHT);
        DecimalFormat df1 = new DecimalFormat(".00");
        seriesRenderer.setChartValuesFormat(df1);//设置折线点的值的格式,显示小数点后2位


1.显示折线上点的数值

  render.setDisplayChartValues(true) ; 
2.设置 线的粗细? 

  XYSeriesRenderer.setLineWidth(float lineWidth)方法 

 3、设置图表中曲线本身的样式,包括颜色、点的大小以及线的粗细等
     XYSeriesRenderer r = new XYSeriesRenderer();
     r.setColor(color);
     r.setPointStyle(style);
     r.setFillPoints(fill);//点是充满的
     r.setLineWidth(3);
     renderer.addSeriesRenderer(r);

4、

虽然这个帖子很久了 但是作为一个程序员 也许其他人也会找到这里 我把找了2天才找到的解决方法贴上来
//renderer.setLabelsColor(Color.RED);//坐标标题颜色 不是刻度
renderer.setXLabelsColor(Color.BLACK);//设置X轴刻度颜色
renderer.setYLabelsColor(0, Color.BLACK);//设置Y轴刻度颜色

5、

android图标框架achartengine中的折现图点的颜色怎么设置,要求点的颜色不能和折线的颜色一样。

你好,有下面两种方法可以修改,请参考。

1、需要修改org.achartengine.chart.ScatterChart类中的drawSeries方法,在画点之前对画笔的颜色进行设置,添加如下代码:
paint.setColor(Color.WHITE);//可以换成你想要的颜色
2、为了可扩展性考虑,可以添加设置点颜色的接口。修改org.achartengine.renderer.XYSeriesRenderer类,在其中添加一个属性pointColor,设置一个默认值,并添加set、get方法。这样可以在画图前调用setPointColor方法设置点的颜色,在ScatterChart类中绘制点之前调用getPointColor方法获取点的颜色。

6、最高需求,看这个帖子,超级厉害,需要看源码
http://www.tuicool.com/articles/VR3mmq


  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值