MPandroidchart图表demo

本文主要是介绍MPandroidchart图表demo，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1. GitHub 下载

https://github.com/sufadi/TemperaturChartUI

2. UI

TemperaturChartUI1

TemperaturChartUI2

3. 基本方法

3.1 初始化表格

    private void initLineChart() {// 显示边界mLineChart.setDrawBorders(true);// 背景颜色mLineChart.setBackgroundColor(0x80000000);// 网格背景mLineChart.setGridBackgroundColor(0x80000000);// 启用/禁用与图表的所有可能的触摸交互。mLineChart.setTouchEnabled(false);// 设定x轴最大可见区域范围的大小mLineChart.setVisibleXRangeMaximum(Visible_XRange_Maximum);// 设定y轴最大可见区域范围的大小mLineChart.setVisibleYRangeMaximum(100f, YAxis.AxisDependency.LEFT);mLineChart.setVisibleXRangeMinimum(0f);// 设置标签内容mLineChart.setDescription("");// 设置标签颜色mLineChart.setDescriptionColor(Color.WHITE);// 为chart添加空数据mLineChart.setData(getDefaultData());}

3.2 初始化X轴

    private void initXAxis() {// 得到X轴XAxis xAxis = mLineChart.getXAxis();// 得到X轴的位置xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);// 设置X轴间隔xAxis.setSpaceBetweenLabels(10);// 绘制网格线xAxis.setDrawGridLines(true);// 设置标签文本xAxis.setTextColor(Color.WHITE);// 设置文本显示xAxis.setValueFormatter(new XAxisValueFormatter() {@Overridepublic String getXValue(String original, int index, ViewPortHandler viewPortHandler) {// Log.d("sufadi", "original = " + original + ", index = " +// index);return String.format("%d s", index);}});}

3.3 初始化Y轴右侧

    private void initYAxisRight() {// 得到Y轴右侧并不显示YAxis rightYAxis = mLineChart.getAxisRight();rightYAxis.setEnabled(false);}

3.4 初始化Y轴左侧

    private void initYAxisLeft() {// 得到Y轴左侧YAxis leftYAxis = mLineChart.getAxisLeft();// 设置标签文本leftYAxis.setTextColor(Color.WHITE);leftYAxis.setAxisMaxValue(100f);leftYAxis.setAxisMinValue(0f);// 说明文字绘图外侧显示leftYAxis.setPosition(YAxis.YAxisLabelPosition.OUTSIDE_CHART);leftYAxis.setValueFormatter(new YAxisValueFormatter() {@Overridepublic String getFormattedValue(float value, YAxis yAxis) {return String.format("%d ℃", (int) value);}});// Y轴总会高出X轴一点，并没有从0点开始，因此需要对Y轴进行设置leftYAxis.setAxisMinValue(0f);}

3.5 初始化限制线

    /*** 限制线*/private void initLeftYAxisLimitLine() {// Y轴添加限制线LimitLine limitLine = new LimitLine(40, "");limitLine.setTextColor(Color.RED); // 颜色limitLine.setLineColor(Color.RED);mLineChart.getAxisLeft().addLimitLine(limitLine);}

3.6 折线图的线条设置

    /*** 折线图的线条设置*/private LineDataSet createLineDataSet(int Type) {LineDataSet mLineDataSet = new LineDataSet(null, "实际温度");switch (Type) {case TYPE_PREDICT:mLineDataSet.setLabel("预测温度");mLineDataSet.setColor(Color.GREEN);break;case TYPE_REAL:mLineDataSet.setLabel("实际温度");mLineDataSet.setColor(Color.YELLOW);break;default:break;}// 以左边坐标轴为准mLineDataSet.setAxisDependency(YAxis.AxisDependency.LEFT);// 设置文本大小mLineDataSet.setValueTextSize(12f);// 设置曲线值的圆点是实心还是空心mLineDataSet.setDrawCircleHole(false);// 设置曲线值的圆点大小mLineDataSet.setCircleSize(0);// 线模式为圆滑曲线（默认折线）mLineDataSet.setDrawCubic(true);// 折线是否显示数值mLineDataSet.setDrawValues(false);// 折线颜色return mLineDataSet;}

3.7 新增一条曲线

    private void addEntry(int Type) {LineData lineData = mLineChart.getData();if (null == lineData) {return;}LineDataSet dataSet = null;switch (Type) {case TYPE_PREDICT:dataSet = lineData.getDataSetByLabel("预测温度", true);break;case TYPE_REAL:dataSet = lineData.getDataSetByLabel("实际温度", true);break;default:break;}if (dataSet == null) {dataSet = createLineDataSet(Type);lineData.addDataSet(dataSet);}// 这里要注意，x轴的index是从零开始的// 假设index=2，那么getEntryCount()就等于3了int count = dataSet.getEntryCount();// add a new x-value first 这行代码不能少lineData.addXValue(count + "");float yValues = (float) (Math.random() * 60 + 10);lineData.addEntry(new Entry(yValues, count), lineData.getIndexOfDataSet(dataSet));mLineChart.notifyDataSetChanged();mLineChart.setVisibleXRangeMaximum(Visible_XRange_Maximum);mLineChart.moveViewToX(dataSet.getEntryCount());mLineChart.moveViewTo(dataSet.getEntryCount() - Visible_XRange_Maximum, 55f, AxisDependency.LEFT);Log.d(TAG, "set.getEntryCount()=" + dataSet.getEntryCount() + ", lineData.getXValCount() = " + lineData.getXValCount());}