MPAndroidChart LineChart 折线图自定义折线点上的显示内容

本人最近在做安卓开发,其中用到图表展示未来7天天气温度内容。目前Android 比较主流的图表框架是 MPAndroidChart.也是网上找了下资料,现学现用,很快图表就出来了,但是却发现一个小问题,那就是折线图上面显示的内容是float类型,而我希望显示的是 (数字+ ℃,例:29℃)。如下图。

 

MPAndroidChart LineChart 折线图自定义折线点上的显示内容_第1张图片

只能去网上找资料,但是却发现网上的博客和资料都很少有这类要求的。大部分都是教程,折线图上面也仅显示数字就完事了。而且貌似官方上面提供的例子也没有写怎么修改(或许有,但是我没看到。别打我!o(╥﹏╥)o)。好吧,自己动手了。

还是得从MPAndroidChart API入手。其中我发现一个setValueFormatter方法,这个方法的命名描述很像啊,但是他要传一个IValueFormatter参数,既然没有,那我们就新建一个呗。代码走你:

/**
 * 自定义折线点上的文字,否则仅显示数字:29.00
 */
public class LineValueFormatter implements IValueFormatter{

    private final List mLabels;

    /**
     * 构造方法,把数据源传进来
     * @param labels
     */
    public LineValueFormatter(List labels) {
        mLabels = labels;
    }

    @Override
    public String getFormattedValue(float value, Entry entry, int dataSetIndex, ViewPortHandler viewPortHandler) {

        //返回值为:29℃
        return mLabels.get((int) entry.getX()).getTem();
    }
}

代码结束。

新建一个LineValueFormatter 类并实现 IValueFormatter 接口,同时实现它的方法getFormattedValue()方法,这个方法在初始化的时候会根据数据数量多次调用,且返回值是String类型,于是我们在每次调用的时候返回对应item数据的数据即可。最后我们在调用setValueFormatter方法。

MPAndroidChart LineChart 折线图自定义折线点上的显示内容_第2张图片

完成了,大功告成,我们来看下效果。

MPAndroidChart LineChart 折线图自定义折线点上的显示内容_第3张图片

 

问题或许不是很难,但毕竟也是亲身经历过,在此记录一下,小白一个,还在努力成为大神中...

 

你可能感兴趣的:(Android疑难杂症)