HelloChart--LineChartView(折线图)

在XML中的定义:

        <lecho.lib.hellocharts.view.LineChartView

            android:id="@+id/linechart"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content" >

        </lecho.lib.hellocharts.view.LineChartView>

控件实例化:


       LineChartView lineChart;
       lineChart = (LineChartView) findViewById(R.id.linechart);

chart属性设置:

chart.setZoomEnabled(boolean isZoomEnabled)//设置是否支持缩放
chart.setOnValueTouchListener(LineChartOnValueSelectListener touchListener);//为图表设置值得触摸事件
chart.setInteractive(boolean isInteractive);//设置图表是否可以与用户互动
chart.setValueSelectionEnabled(boolean idValueSelectionEnabled);//设置图表数据是否选中进行显示
chart.setLineChartData(LineChartData data);//为图表设置数据,数据类型为LineChartData

设置节点、X、Y轴属性及添加数据:


                
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
作者xiaofei86,源码LPLineChartView,参照UICollectionview的架构实现的折线图LPLineChartView。将布局交给Layout实现,通过Layer进行绘制。提供“虚基类”LPLineChartViewLayout定义需要的空方法。在LPLineChartView里用指针指向LPLineChartViewLayout的实例。 在这种设计模式下,UICollectionview基本所有与UI相关的部件全都通过Layout去获取对应的Layer。这样的好处类似于UICollectionview,基本可是实现任何想要的布局。比如:轴线、箭头、数据点、连接线、参考线、轴线文字、背景等都是通过Layout去获取对应的Layer。这样你就可以充分开发脑洞去绘制任何想要的效果。(任何形状,贝塞尔曲线,渐变,字体,甚至图片,遮罩都是可以的)当然,这种模式下,必然导致使用的难度极度增加。所以就必须提供一个默认实现LPLineChartViewCustomLayout。(类似UICollectionview的UICollectionviewFlowLayout) LPLineChartViewCustomLayout继承自LPLineChartViewLayout,实现了所有需要定制的内容。然后在头文件中提供参数去调整布局过程中的主要样式。通过这些参数基本可以实现大部分对折线图的个性化定制。 在使用的时候通过子类化LPLineChartViewCustomLayout,在prepareLayout方法中重新设置这些参数或者部分,被设置的部分就会覆盖LPLineChartViewCustomLayout的默认值。 如果个别地方实在不能满足需求,也可以通过在子类中重新实现部分相关的方法去通过Layer自由定制。 通过两种方案的结合就提供了使用既简单又可高度定制的折线图。下边实现了几种展示效果,这些效果均在10行代码以内实现。如下。(右上角样式为LPLineChartViewCustomLayout)

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值