MPAndroid 的学习

1.MPAndroid 的github的地址：

https://github.com/PhilJay/MPAndroidChart#documentation

 

2.使用步骤：

• 　　在build.gradle中引入

allprojects {
    repositories {
        google()
        jcenter()
        maven { url ‘https://jitpack.io‘ }
    }
}

 

• 在build.gradle(app)上引入模块依赖

dependencies {
implementation ‘com.github.PhilJay:MPAndroidChart:v3.1.0‘
}

 

•  实现条形图线图
  • 　　布局，在布局里面引入LineChart

   <com.github.mikephil.charting.charts.LineChart
        android:id="@ id/linechart"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />

• • 　　在activity中的实现

　　　　

public class LineActivity extends AppCompatActivity {
    private LineChart mLineChart;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_line);
        mLineChart = findViewById(R.id.linechart);
        initSetChartAction();
        initLineChartStyle();
    }
　　//设置
    private void initSetChartAction() {
        mLineChart.setTouchEnabled(false);//设置是否可以触碰
        mLineChart.setDragEnabled(false);//设置不可拖拽
        mLineChart.setScaleEnabled(false);
        //mLineChart.setScaleXEnabled(false);
       // mLineChart.setScaleYEnabled(false);
        mLineChart.setPinchZoom(false); ////设置是否能扩大扩小

    }
　　//数据
    private void initLineChartStyle() {
        List<ChartData> chartData = new ArrayList<ChartData>();
        List<Entry> entries = new ArrayList<Entry>();
        for (Integer i = 0; i < 10; i  ) {
            float valueY = i;
            float valueX = i *5* new Random(10).nextFloat();
            entries.add(new Entry(valueX, valueY));

        }
　　　　　//线的数据集
        LineDataSet dataSet = new LineDataSet(entries, "Label"); // add entries to dataset
        dataSet.setColor(Color.GRAY);
        dataSet.setValueTextColor(Color.BLUE);
        LineData lineData = new LineData(dataSet);
        mLineChart.setData(lineData);
        mLineChart.invalidate();//更新图表
    }
}

数据的格式

public class ChartData {
    private int ValueX;
    private float ValueY;
    public ChartData(int ValueX,float ValueY){
        this.ValueX=ValueX;
        this.ValueY = ValueY;
    }
    public int getValueX() {
        return ValueX;
    }

    public void setValueX(int valueX) {
        ValueX = valueX;
    }

    public float getValueY() {
        return ValueY;
    }

    public void setValueY(float valueY) {
        ValueY = valueY;
    }
}

• • 　　更多的配置

 /**
     * 初始化图表
     */
    private void initChart(LineChart lineChart) {

        /***图表设置***/
        //是否展示网格线
        lineChart.setDrawGridBackground(false);

        //是否显示边界
        lineChart.setDrawBorders(true);
        //是否可以拖动
        lineChart.setDragEnabled(false);
        //是否有触摸事件
        lineChart.setTouchEnabled(true);
        lineChart.setGridBackgroundColor(R.color.lightgray);//设置网格背景应与绘制的颜色
        //设置XY轴动画效果
        lineChart.animateY(2500);
        lineChart.animateX(1500);


        /***XY轴的设置***/
        YAxis leftYAxis = mLineChart.getAxisLeft();
       // YAxis rightYaxis = mLineChart.getAxisRight();
        XAxis  xAxis = mLineChart.getXAxis();
        xAxis.setDrawGridLines(false);
       // rightYaxis.setDrawGridLines(false);
        leftYAxis.setDrawGridLines(true);
        //X轴设置显示位置在底部
        xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);
        xAxis.setAxisMinimum(0f);
        xAxis.setGranularity(1f);
        xAxis.setTextColor(Color.WHITE);
        //保证Y轴从0开始，不然会上移一点
        leftYAxis.setAxisMinimum(0f);
        //rightYaxis.setAxisMinimum(0f);
        leftYAxis.setTextColor(Color.WHITE);
        //rightYaxis.setDrawGridLines(false);

        /***折线图例 标签 设置***/
        Legend legend = lineChart.getLegend();
        //设置显示类型，LINE CIRCLE SQUARE EMPTY 等等 多种方式，查看LegendForm 即可
        legend.setForm(Legend.LegendForm.CIRCLE);
        legend.setTextColor(Color.WHITE);
        legend.setTextSize(12f);
        //显示位置 左下方
        legend.setVerticalAlignment(Legend.LegendVerticalAlignment.BOTTOM);
        legend.setHorizontalAlignment(Legend.LegendHorizontalAlignment.LEFT);
        legend.setOrientation(Legend.LegendOrientation.HORIZONTAL);
        //是否绘制在图表里面
        legend.setDrawInside(false);

    }

 

• 柱状图
  • 　　布局

 <com.github.mikephil.charting.charts.BarChart
        android:id="@ id/barchart"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

• • 　　activity的实例

public class BarActivity extends AppCompatActivity {
    private BarChart mBarChart;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_bar);
        mBarChart = findViewById(R.id.barchart);
        List<ChartData> chartData = new ArrayList<ChartData>();
        List<BarEntry> entries = new ArrayList<BarEntry>();
        for (Integer i = 0; i < 10; i  ) {
            float valueY = i;
            float valueX = i *5* new Random(10).nextFloat();
            entries.add(new BarEntry(valueX, valueY));

        }
        BarDataSet dataSet = new BarDataSet(entries, "Label"); // add entries to dataset
        dataSet.setColor(Color.GRAY);
        dataSet.setValueTextColor(Color.BLUE);
        BarData barData = new BarData(dataSet);
        mBarChart.setData(barData);
        mBarChart.invalidate();

    }
}