Android之图表MAPAndroidChart(模板)
Android之图表MAPAndroidChart(模板)
有点多，但是都是模板，复制粘贴即可用
一、圆饼图
二、柱状图
三、折线图
四、网状图
1，添加依赖
implementation 'com.github.PhilJay:MPAndroidChart:v3.1.0-alpha'
添加：maven { url "https://jitpack.io" }如下
allprojects {
repositories {
google()
jcenter()
maven { url "https://jitpack.io" }
}
}
一、圆饼图 点击我回到顶部目录
//空心
1_1，创建工具类PieChartManagger （复制粘贴就行）
public class PieChartManagger {
public PieChart pieChart;
public PieChartManagger(PieChart pieChart) {
this.pieChart = pieChart;
initPieChart();
}
//初始化
private void initPieChart() {
// 是否显示中间的洞
pieChart.setDrawHoleEnabled(false);
pieChart.setHoleRadius(40f);//设置中间洞的大小
// 半透明圈
pieChart.setTransparentCircleRadius(30f);
pieChart.setTransparentCircleColor(Color.WHITE); //设置半透明圆圈的颜色
pieChart.setTransparentCircleAlpha(125); //设置半透明圆圈的透明度
//饼状图中间可以添加文字
pieChart.setDrawCenterText(false);
pieChart.setCenterText("民族"); //设置中间文字
pieChart.setCenterTextColor(Color.parseColor("#a1a1a1")); //中间问题的颜色
pieChart.setCenterTextSizePixels(36); //中间文字的大小px
pieChart.setCenterTextRadiusPercent(1f);
pieChart.setCenterTextTypeface(Typeface.DEFAULT); //中间文字的样式
pieChart.setCenterTextOffset(0, 0); //中间文字的偏移量
pieChart.setRotationAngle(0);// 初始旋转角度
pieChart.setRotationEnabled(true);// 可以手动旋转
pieChart.setUsePercentValues(true);//显示成百分比
pieChart.getDescription().setEnabled(false); //取消右下角描述
//是否显示每个部分的文字描述
pieChart.setDrawEntryLabels(false);
pieChart.setEntryLabelColor(Color.RED); //描述文字的颜色
pieChart.setEntryLabelTextSize(14);//描述文字的大小
pieChart.setEntryLabelTypeface(Typeface.DEFAULT_BOLD); //描述文字的样式
//图相对于上下左右的偏移
pieChart.setExtraOffsets(20, 8, 75, 8);
//图标的背景色
pieChart.setBackgroundColor(Color.TRANSPARENT);
// 设置pieChart图表转动阻力摩擦系数[0,1]
pieChart.setDragDecelerationFrictionCoef(0.75f);
//获取图例
Legend legend = pieChart.getLegend();
legend.setOrientation(Legend.LegendOrientation.VERTICAL); //设置图例水平显示
legend.setVerticalAlignment(Legend.LegendVerticalAlignment.TOP); //顶部
legend.setHorizontalAlignment(Legend.LegendHorizontalAlignment.RIGHT); //右对其
legend.setXEntrySpace(7f);//x轴的间距
legend.setYEntrySpace(10f); //y轴的间距
legend.setYOffset(10f); //图例的y偏移量
legend.setXOffset(10f); //图例x的偏移量
legend.setTextColor(Color.parseColor("#a1a1a1")); //图例文字的颜色
legend.setTextSize(13); //图例文字的大小
}
/**
* 显示实心圆
* @param yvals
* @param colors
*/
public void showSolidPieChart(List yvals, List colors) {
//数据集合
PieDataSet dataset = new PieDataSet(yvals, "");
//填充每个区域的颜色
dataset.setColors(colors);
//是否在图上显示数值
dataset.setDrawValues(true);
// 文字的大小
dataset.setValueTextSize(14);
// 文字的颜色
dataset.setValueTextColor(Color.RED);
// 文字的样式
dataset.setValueTypeface(Typeface.DEFAULT_BOLD);
// 当值位置为外边线时，表示线的前半段长度。
dataset.setValueLinePart1Length(0.4f);
// 当值位置为外边线时，表示线的后半段长度。
dataset.setValueLinePart2Length(0.4f);
// 当ValuePosits为OutsiDice时，指示偏移为切片大小的百分比
dataset.setValueLinePart1OffsetPercentage(80f);
// 当值位置为外边线时，表示线的颜色。
dataset.setValueLineColor(Color.parseColor("#a1a1a1"));
// 设置Y值的位置是在圆内还是圆外
dataset.setYValuePosition(PieDataSet.ValuePosition.OUTSIDE_SLICE);
// 设置Y轴描述线和填充区域的颜色一致
dataset.setUsingSliceColorAsValueLineColor(false);
// 设置每条之前的间隙
dataset.setSliceSpace(0);
//设置饼状Item被选中时变化的距离
dataset.setSelectionShift(5f);
//填充数据
PieData pieData = new PieData(dataset);
// 格式化显示的数据为%百分比
pieData.setValueFormatter(new PercentFormatter());
// 显示试图
pieChart.setData(pieData);
}
/**
* 显示圆环
* @param yvals
* @param colors
*/
public void showRingPieChart(List yvals, List colors){
//显示为圆环
pieChart.setDrawHoleEnabled(true);
pieChart.setHoleRadius(85f);//设置中间洞的大小
//数据集合
PieDataSet dataset = new PieDataSet(yvals, "");
//填充每个区域的颜色
dataset.setColors(colors);
//是否在图上显示数值
dataset.setDrawValues(true);
// 文字的大小
dataset.setValueTextSize(14);
// 文字的颜色
dataset.setValueTextColor(Color.RED);
// 文字的样式
dataset.setValueTypeface(Typeface.DEFAULT_BOLD);
// 当值位置为外边线时，表示线的前半段长度。
dataset.setValueLinePart1Length(0.4f);
// 当值位置为外边线时，表示线的后半段长度。
dataset.setValueLinePart2Length(0.4f);
// 当ValuePosits为OutsiDice时，指示偏移为切片大小的百分比
dataset.setValueLinePart1OffsetPercentage(80f);
// 当值位置为外边线时，表示线的颜色。
dataset.setValueLineColor(Color.parseColor("#a1a1a1"));
// 设置Y值的位置是在圆内还是圆外
dataset.setYValuePosition(PieDataSet.ValuePosition.OUTSIDE_SLICE);
// 设置Y轴描述线和填充区域的颜色一致
dataset.setUsingSliceColorAsValueLineColor(false);
// 设置每条之前的间隙
dataset.setSliceSpace(0);
//设置饼状Item被选中时变化的距离
dataset.setSelectionShift(5f);
//填充数据
PieData pieData = new PieData(dataset);
// 格式化显示的数据为%百分比
pieData.setValueFormatter(new PercentFormatter());
// 显示试图
pieChart.setData(pieData);
}
}
1_2，使用方法
//声明
PieChart pie_chart1;
PieChart pie_chart2;
//饼状图实心
pie_chart1 = findViewById(R.id.pie_chat1);
show_pie_chart_1();
//饼状图空心
pie_chart2= findViewById(R.id.pie_chat2);
show_pie_chart_2();
//设置数据
private void show_pie_chart_1() {
//设置每份所占数量
List yvals = new ArrayList<>();
yvals.add(new PieEntry(2.0f, "本科"));
yvals.add(new PieEntry(3.0f, "硕士"));
yvals.add(new PieEntry(4.0f, "博士"));
yvals.add(new PieEntry(5.0f, "大专"));
yvals.add(new PieEntry(1.0f, "其他"));
// 设置每份的颜色
List colors = new ArrayList<>();
colors.add(Color.parseColor("#6785f2"));
colors.add(Color.parseColor("#675cf2"));
colors.add(Color.parseColor("#496cef"));
colors.add(Color.parseColor("#aa63fa"));
colors.add(Color.parseColor("#f5a658"));
PieChartManagger pieChartManagger=new PieChartManagger(pie_chart1);
pieChartManagger.showRingPieChart(yvals,colors);
}
private void show_pie_chart_2() {
// 设置每份所占数量
List yvals = new ArrayList<>();
yvals.add(new PieEntry(2.0f, "汉族"));
yvals.add(new PieEntry(3.0f, "回族"));
yvals.add(new PieEntry(4.0f, "壮族"));
yvals.add(new PieEntry(5.0f, "维吾尔族"));
yvals.add(new PieEntry(6.0f, "土家族"));
//设置每份的颜色
List colors = new ArrayList<>();
colors.add(Color.parseColor("#6785f2"));
colors.add(Color.parseColor("#675cf2"));
colors.add(Color.parseColor("#496cef"));
colors.add(Color.parseColor("#aa63fa"));
colors.add(Color.parseColor("#58a9f5"));
PieChartManagger pieChartManagger = new PieChartManagger(pie_chart2);
pieChartManagger.showSolidPieChart(yvals, colors);
}
二、柱状图 点击我回到顶部目录
//单
2_1，创建工具类BarChartManager （复制粘贴就行）
public class BarChartManager {
private BarChart mBarChart;
private YAxis leftAxis;
private YAxis rightAxis;
private XAxis xAxis;
private DecimalFormat mFormat;
public BarChartManager(BarChart barChart) {
this.mBarChart = barChart;
leftAxis = mBarChart.getAxisLeft();
rightAxis = mBarChart.getAxisRight();
xAxis = mBarChart.getXAxis();
}
/**
* 初始化LineChart
*/
private void initLineChart() {
mFormat = new DecimalFormat("#,###.##");
//背景颜色
mBarChart.setBackgroundColor(Color.WHITE);
//是否显示网格背景
mBarChart.setDrawGridBackground(false);
//显示每条背景阴影
mBarChart.setDrawBarShadow(false);
//设置图标边框的颜色
mBarChart.setBorderColor(Color.parseColor("#ff0000"));
// mBarChart.setHighlightFullBarEnabled(false);
mBarChart.setTouchEnabled(true); // 所有触摸事件,默认true
mBarChart.setDragEnabled(true); // 可拖动,默认true
mBarChart.setScaleEnabled(false); // 两个轴上的缩放,X,Y分别默认为true
mBarChart.setScaleXEnabled(false); // X轴上的缩放,默认true
mBarChart.setScaleYEnabled(false); // Y轴上的缩放,默认true
mBarChart.setPinchZoom(false); // X,Y轴同时缩放，false则X,Y轴单独缩放,默认false
mBarChart.setDoubleTapToZoomEnabled(false); // 双击缩放,默认true
mBarChart.setDragDecelerationEnabled(true); // 抬起手指，继续滑动,默认true
//显示边界
mBarChart.setDrawBorders(false);
//设置XY动画效果
mBarChart.animateY(1000, Easing.EasingOption.Linear);
mBarChart.animateX(1000, Easing.EasingOption.Linear);
// 不显示描述信息
mBarChart.getDescription().setEnabled(false);
// 图例设置
Legend legend = mBarChart.getLegend();
//不显示图例
legend.setForm(Legend.LegendForm.NONE);
// 图例文字的大小
legend.setTextSize(11f);
//显示位置
legend.setVerticalAlignment(Legend.LegendVerticalAlignment.BOTTOM);
legend.setHorizontalAlignment(Legend.LegendHorizontalAlignment.LEFT);
legend.setOrientation(Legend.LegendOrientation.HORIZONTAL);
legend.setDrawInside(false);
//XY轴的设置
//X轴设置显示位置在底部
xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);
// X轴最小间距
xAxis.setGranularity(1f);
// 不绘制网格线
xAxis.setDrawGridLines(false);
// X轴字体样式
xAxis.setTypeface(Typeface.DEFAULT_BOLD);
// 设置X轴文字剧中对齐
xAxis.setCenterAxisLabels(true);
//
// 保证Y轴从0开始，不然会上移一点
leftAxis.setDrawGridLines(false);
rightAxis.setAxisMinimum(0f);
leftAxis.setAxisMinimum(0f);
leftAxis.setTextColor(Color.parseColor("#d5d5d5"));
// // 线跟数据都不显示
rightAxis.setEnabled(false); //右侧Y轴不显示
}
/**
* 展示柱状图(一条)
*/
public void showBarChart(List yVals, String label, int color) {
initLineChart();
// 每一个BarDataSet代表一类柱状图
BarDataSet barDataSet = new BarDataSet(yVals, label);
barDataSet.setColor(color);
//是否显示顶部的值
barDataSet.setDrawValues(true);
// 文字的大小
barDataSet.setValueTextSize(9f);
barDataSet.setFormLineWidth(1f);
barDataSet.setFormSize(15.0f);
ArrayList dataSets = new ArrayList<>();
dataSets.add(barDataSet);
BarData data = new BarData(dataSets);
// 设置宽度
data.setBarWidth(0.3f);
//设置X轴的刻度数
String[] xValues = {"东城", "西城", "朝阳", "丰台", "石景山", "海淀区", "海淀区"};
String[] yValues = {"91%", "92%", "93%", "94%", "95%", "96%"};
xAxis.setLabelCount(yVals.size() + 1, true);
xAxis.setDrawLabels(true);
IAxisValueFormatter xAxisFormatter = new XAxisValueFormatter(xValues);
xAxis.setValueFormatter(xAxisFormatter);
xAxis.setTextColor(Color.parseColor("#d5d5d5"));
xAxis.setAxisLineColor(Color.parseColor("#d5d5d5"));
IAxisValueFormatter custom = new MyYAxisValueFormatter(yValues);
leftAxis.setValueFormatter(custom);
// leftAxis.setLabelCount(yValues.length + 1, false);
leftAxis.setAxisLineColor(Color.parseColor("#d5d5d5"));
// 设置Y轴的最小值和最大值
leftAxis.setAxisMaximum(80f);
leftAxis.setAxisMinimum(50f);
mBarChart.setData(data);
}
public class MyYAxisValueFormatter implements IAxisValueFormatter {
private String[] xValues;
public MyYAxisValueFormatter(String[] yValues) {
xValues = yValues;
}
@Override
public String getFormattedValue(float value, AxisBase axis) {
// Log.e("TAG", "xValues[(int) value]====="+xValues[(int) value]);
return mFormat.format(value) + "%";
}
}
public class XAxisValueFormatter implements IAxisValueFormatter {
private String[] xValues;
public XAxisValueFormatter(String[] xValues) {
this.xValues = xValues;
}
@Override
public String getFormattedValue(float value, AxisBase axis) {
Log.e("TAG", "============"+value);
return xValues[(int) value];
}
}
/**
* 展示柱状图(多条)
* +-+
*
* @param xAxisValues
* @param yAxisValues
* @param labels
* @param colours
*/
public void showMoreBarChart(final List xAxisValues, List> yAxisValues, List labels, List colours) {
initLineChart();
BarData data = new BarData();
for (int i = 0; i < yAxisValues.size(); i++) {
ArrayList entries = new ArrayList<>();
for (int j = 0; j < yAxisValues.get(i).size(); j++) {
entries.add(new BarEntry(xAxisValues.get(j), yAxisValues.get(i).get(j)));
}
BarDataSet barDataSet = new BarDataSet(entries, labels.get(i));
barDataSet.setColor(colours.get(i));
barDataSet.setValueTextColor(colours.get(i));
barDataSet.setValueTextSize(10f);
barDataSet.setAxisDependency(YAxis.AxisDependency.LEFT);
data.addDataSet(barDataSet);
}
int amount = yAxisValues.size();
float groupSpace = 0.3f; //柱状图组之间的间距
float barSpace = (float) ((1 - 0.12) / amount / 10); // x4 DataSet
float barWidth = (float) ((1 - 0.3) / amount / 10 * 9); // x4 DataSet
// (0.2 + 0.02) * 4 + 0.08 = 1.00 -> interval per "group"
xAxis.setLabelCount(xAxisValues.size() - 1, false);
data.setBarWidth(barWidth);
final String[] xValues = {"小学", "初中", "高中", "专科", "本科"};
xAxis.setValueFormatter(new IAxisValueFormatter() {
@Override
public String getFormattedValue(float value, AxisBase axis) {
for (int i=0;i 2_2，使用
BarChart bar_chart1;
BarChart bar_chart2;
//柱状图（单）
bar_chart1 = findViewById(R.id.Bar_chat1);
show_bar_chart_1();
//柱状图（双）
bar_chart2 = findViewById(R.id.Bar_chat2);
how_bar_chart_2();
//柱状图设置数据
private void show_bar_chart_1() {
BarChartManager barChartManager = new BarChartManager(bar_chart1);
List yVals = new ArrayList<>();
yVals.add(new BarEntry(1f, 80f));
yVals.add(new BarEntry(2f, 50f));
yVals.add(new BarEntry(3f, 60f));
yVals.add(new BarEntry(4f, 60f));
yVals.add(new BarEntry(5f, 70f));
yVals.add(new BarEntry(6f, 80f));
String label = "";
barChartManager.showBarChart(yVals, label, Color.parseColor("#00ff00"));
}
private void show_bar_chart_2() {
BarChartManager barChartManager = new BarChartManager(bar_chart2);
List xAxisValues = new ArrayList<>();
List> yAxisValues = new ArrayList<>();
List labels = new ArrayList<>();
List colours = new ArrayList<>();
List x1 = new ArrayList<>();
List x2 = new ArrayList<>();
xAxisValues.add(1.0f);
xAxisValues.add(2.0f);
xAxisValues.add(3.0f);
xAxisValues.add(4.0f);
xAxisValues.add(5.0f);
x1.add(10f);
x1.add(20f);
x1.add(30f);
x1.add(40f);
x1.add(50f);
x2.add(50f);
x2.add(40f);
x2.add(30f);
x2.add(20f);
x2.add(10f);
yAxisValues.add(x1);
yAxisValues.add(x2);
labels.add("");
labels.add("");
colours.add(Color.parseColor("#00ff00"));
colours.add(Color.parseColor("#0000ff"));
barChartManager.showMoreBarChart(xAxisValues, yAxisValues, labels, colours);
barChartManager.setXAxis(5, 0, 5);
}
三、折线图 点击我回到顶部目录
//单
3_1，创建工具类LineChartManager （复制粘贴就行）
public class LineChartManager {
private LineChart lineChart;
private YAxis leftAxis; //左边Y轴
private YAxis rightAxis; //右边Y轴
private XAxis xAxis; //X轴
public LineChartManager(LineChart mLineChart) {
this.lineChart = mLineChart;
leftAxis = lineChart.getAxisLeft();
rightAxis = lineChart.getAxisRight();
xAxis = lineChart.getXAxis();
}
/**
* 初始化LineChart
*/
private void initLineChart(boolean legendShow) {
lineChart.setDrawGridBackground(false);
//显示边界
lineChart.setDrawBorders(false);
//设置动画效果
lineChart.animateX(1000);
lineChart.setTouchEnabled(true); // 所有触摸事件,默认true
lineChart.setDragEnabled(false); // 可拖动,默认true
lineChart.setScaleEnabled(false); // 两个轴上的缩放,X,Y分别默认为true
lineChart.setScaleXEnabled(false); // X轴上的缩放,默认true
lineChart.setScaleYEnabled(false); // Y轴上的缩放,默认true
lineChart.setPinchZoom(false); // X,Y轴同时缩放，false则X,Y轴单独缩放,默认false
lineChart.setDoubleTapToZoomEnabled(false); // 双击缩放,默认true
lineChart.setDragDecelerationEnabled(true); // 抬起手指，继续滑动,默认true
//折线图例 标签 设置
Legend legend = lineChart.getLegend();
if (legendShow) {
legend.setDrawInside(false);
legend.setFormSize(8);
legend.setXEntrySpace(7f);
legend.setYEntrySpace(0f);
legend.setYOffset(0f);
// legend.setForm(Legend.LegendForm.SQUARE);
// 文字的大小
legend.setTextSize(12);
//显示位置
legend.setVerticalAlignment(Legend.LegendVerticalAlignment.TOP);
legend.setHorizontalAlignment(Legend.LegendHorizontalAlignment.RIGHT);
legend.setOrientation(Legend.LegendOrientation.HORIZONTAL);
} else {
legend.setForm(Legend.LegendForm.NONE);
}
//XY轴的设置
//X轴设置显示位置在底部
xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);
xAxis.setAxisMinimum(0f);
xAxis.setGranularity(1f);
// 不绘制网格线
xAxis.setDrawGridLines(true);
xAxis.setGridColor(Color.parseColor("#d8d8d8"));
//设置最后和第一个标签不超出x轴
xAxis.setAvoidFirstLastClipping(true);
// 设置线的宽度
xAxis.setAxisLineWidth(1.0f);
xAxis.setAxisLineColor(Color.parseColor("#d5d5d5"));
//保证Y轴从0开始，不然会上移一点
leftAxis.setAxisMinimum(0f);
// 显示数字但不显示线
leftAxis.setDrawAxisLine(true);
leftAxis.setTextColor(Color.parseColor("#d5d5d5"));
leftAxis.setDrawGridLines(true);
// 设置网格为虚线
leftAxis.enableGridDashedLine(10f, 10f, 0f);
leftAxis.setGridColor(Color.parseColor("#d8d8d8"));
leftAxis.setAxisLineColor(Color.parseColor("#d5d5d5"));
rightAxis.setAxisMinimum(0f);
// 线跟数据都不显示
rightAxis.setEnabled(false); //右侧Y轴不显示
}
/**
* 初始化曲线 每一个LineDataSet代表一条线
*
* @param lineDataSet
* @param color
* @param mode 折线图是否填充
*/
private void initLineDataSet(LineDataSet lineDataSet, int color, boolean mode) {
lineDataSet.setColor(color);
lineDataSet.setCircleColor(color);
lineDataSet.setLineWidth(2f);
lineDataSet.setCircleRadius(3f);
//设置曲线值的圆点是实心还是空心
lineDataSet.setDrawCircleHole(true);
lineDataSet.setValueTextSize(9f);
// 不显示具体值
lineDataSet.setDrawValues(false);
// lineDataSet.setHighlightEnabled(false);
//设置折线图填充
lineDataSet.setDrawFilled(mode);
//设置填充颜色
lineDataSet.setFillColor(color);
// lineDataSet.setFormLineWidth(2f);
// lineDataSet.setFormSize(15.f);
//线模式为圆滑曲线（默认折线）
lineDataSet.setMode(LineDataSet.Mode.LINEAR);
}
/**
* 跟showLineCharDouble配对
*
* @param lineDataSet
* @param color
* @param mode
*/
private void initLineCusDataSet(LineDataSet lineDataSet, int color, boolean mode) {
initLineDataSet(lineDataSet, color, mode);
lineDataSet.setDrawValues(false);
lineDataSet.setDrawCircles(false);
}
/**
* 展示折线图(一条)
*
* @param xAxisValues
* @param yAxisValues
* @param label
* @param color
*/
public void showLineChart(List xAxisValues, List yAxisValues, String label, int color) {
initLineChart(false);
ArrayList entries = new ArrayList<>();
for (int i = 0; i < xAxisValues.size(); i++) {
entries.add(new Entry(xAxisValues.get(i), yAxisValues.get(i)));
}
// 每一个LineDataSet代表一条线
LineDataSet lineDataSet = new LineDataSet(entries, label);
initLineDataSet(lineDataSet, color, true);
ArrayList dataSets = new ArrayList<>();
dataSets.add(lineDataSet);
LineData data = new LineData(dataSets);
//设置X轴的刻度数
// xAxis.setLabelCount(xAxisValues.size(), false);
xAxis.setTextColor(Color.parseColor("#a1a1a1"));
//文字倾斜度
// xAxis.setLabelRotationAngle(-45);
xAxis.setValueFormatter(new IAxisValueFormatter() {
@Override
public String getFormattedValue(float value, AxisBase axis) {
if (value == 0) {
return "阜成门";
}
if (value == 2) {
return "国贸";
}
if (value == 3) {
return "积水潭";
}
if (value == 4) {
return "三元桥";
}
if (value == 5) {
return "西直门";
}
return "西直门";
}
});
lineChart.setData(data);
}
/**
* 展示折线图(一条)
*
* @param xAxisValues
* @param yAxisValues
* @param label
* @param color
*/
public void showAirLineChart(List xAxisValues, List yAxisValues, String label, int color) {
initLineChart(false);
ArrayList entries = new ArrayList<>();
for (int i = 0; i < xAxisValues.size(); i++) {
entries.add(new Entry(xAxisValues.get(i), yAxisValues.get(i)));
}
// 每一个LineDataSet代表一条线
LineDataSet lineDataSet = new LineDataSet(entries, label);
initLineDataSet(lineDataSet, color, true);
ArrayList dataSets = new ArrayList<>();
dataSets.add(lineDataSet);
LineData data = new LineData(dataSets);
//设置X轴的刻度数
// xAxis.setLabelCount(xAxisValues.size(), false);
xAxis.setTextColor(Color.parseColor("#a1a1a1"));
//文字倾斜度
// xAxis.setLabelRotationAngle(-45);
lineChart.setData(data);
}
/**
* 展示线性图(多条)
*
* @param xAxisValues
* @param yAxisValues 多条曲线Y轴数据集合的集合
* @param labels
* @param colours
*/
public void showLineChart(List xAxisValues, List> yAxisValues, List labels, List colours) {
initLineChart(true);
ArrayList dataSets = new ArrayList<>();
for (int i = 0; i < yAxisValues.size(); i++) {
ArrayList entries = new ArrayList<>();
for (int j = 0; j < yAxisValues.get(i).size(); j++) {
if (j >= xAxisValues.size()) {
j = xAxisValues.size() - 1;
}
entries.add(new Entry(xAxisValues.get(j), yAxisValues.get(i).get(j)));
}
LineDataSet lineDataSet = new LineDataSet(entries, labels.get(i));
initLineDataSet(lineDataSet, colours.get(i), true);
lineDataSet.setMode(LineDataSet.Mode.HORIZONTAL_BEZIER);
dataSets.add(lineDataSet);
}
LineData data = new LineData(dataSets);
xAxis.setLabelCount(xAxisValues.size(), true);
String[] xValues = {"6:00", "9:00", "12:00", "15:00", "18:00"};
xAxis.setValueFormatter(new XAxisValueFormatter(xValues));
lineChart.setData(data);
}
public class XAxisValueFormatter implements IAxisValueFormatter {
private String[] xValues;
public XAxisValueFormatter(String[] xValues) {
this.xValues = xValues;
}
@Override
public String getFormattedValue(float value, AxisBase axis) {
return xValues[(int) value];
}
}
/**
* 只显示两条 其中一条是影 定制化
*
* @param xAxisValues
* @param yAxisValues 只有两条数据
* @param labels
* @param colours
*/
public void showLineCharDouble(List xAxisValues, List> yAxisValues, List labels, List colours) {
initLineChart(true);
ArrayList dataSets = new ArrayList<>();
//
for (int i = 0; i < 2; i++) {
ArrayList entries = new ArrayList<>();
for (int j = 0; j < yAxisValues.get(i).size(); j++) {
if (j >= xAxisValues.size()) {
j = xAxisValues.size() - 1;
}
entries.add(new Entry(xAxisValues.get(j), yAxisValues.get(i).get(j)));
}
LineDataSet lineDataSet = new LineDataSet(entries, labels.get(i));
initLineCusDataSet(lineDataSet, colours.get(i), false);
// if (i == 1) {
// initLineCusDataSet(lineDataSet, colours.get(i), false);
// } else {
// initLineDataSet(lineDataSet, colours.get(i), false);
// }
dataSets.add(lineDataSet);
}
LineData data = new LineData(dataSets);
xAxis.setLabelCount(xAxisValues.size(), true);
lineChart.setData(data);
}
/**
* 设置Y轴值
*
* @param max
* @param min
* @param labelCount
*/
public void setYAxis(float max, float min, int labelCount) {
if (max < min) {
return;
}
leftAxis.setAxisMaximum(max);
leftAxis.setAxisMinimum(min);
leftAxis.setLabelCount(labelCount, false);
rightAxis.setAxisMaximum(max);
rightAxis.setAxisMinimum(min);
rightAxis.setLabelCount(labelCount, false);
lineChart.invalidate();
}
/**
* 设置X轴的值
*
* @param max
* @param min
* @param labelCount
*/
public void setXAxis(float max, float min, int labelCount) {
xAxis.setAxisMaximum(max);
xAxis.setAxisMinimum(min);
xAxis.setLabelCount(labelCount, true);
lineChart.invalidate();
}
/**
* 设置高限制线
*
* @param high
* @param name
*/
public void setHightLimitLine(float high, String name, int color) {
if (name == null) {
name = "高限制线";
}
LimitLine hightLimit = new LimitLine(high, name);
hightLimit.setLineWidth(2f);
hightLimit.setTextSize(10f);
hightLimit.setLineColor(color);
hightLimit.setTextColor(color);
leftAxis.addLimitLine(hightLimit);
lineChart.invalidate();
}
/**
* 设置低限制线
*
* @param low
* @param name
*/
public void setLowLimitLine(int low, String name) {
if (name == null) {
name = "低限制线";
}
LimitLine hightLimit = new LimitLine(low, name);
hightLimit.setLineWidth(4f);
hightLimit.setTextSize(10f);
leftAxis.addLimitLine(hightLimit);
lineChart.invalidate();
}
/**
* 设置描述信息
*
* @param str
*/
public void setDescription(String str) {
Description description = new Description();
description.setText(str);
lineChart.setDescription(description);
lineChart.invalidate();
}
}
3_2，使用
LineChart line_chart1;
LineChart line_chart2;
//折线图（单）
line_chart1 = findViewById(R.id.line_chart1);
show_line_chart_1();
//折线图（双）
line_chart2 = findViewById(R.id.line_chart2);
show_line_chart_2();
//折线图
private void show_line_chart_1() {
LineChartManager lineChartManager=new LineChartManager(line_chart1);
List xAxisValues=new ArrayList<>();
List yAxisValues=new ArrayList<>();
xAxisValues.add(0.0f);
xAxisValues.add(1.0f);
xAxisValues.add(2.0f);
xAxisValues.add(3.0f);
xAxisValues.add(4.0f);
xAxisValues.add(5.0f);
yAxisValues.add(50f);
yAxisValues.add(60f);
yAxisValues.add(70f);
yAxisValues.add(40f);
yAxisValues.add(80f);
yAxisValues.add(60f);
lineChartManager.showLineChart(xAxisValues,yAxisValues,"", Color.parseColor("#da6268"));
}
private void show_line_chart_2(){
LineChartManager lineChartManager=new LineChartManager(line_chart2);
//设置x轴的数据
ArrayList xValues = new ArrayList<>();
for (int i = 0; i <= 4; i++) {
xValues.add((float) i);
}
//设置y轴的数据()
List> yValues = new ArrayList<>();
List y1Value = new ArrayList<>();
List y2Value = new ArrayList<>();
List lableNameList = new ArrayList<>();
lableNameList.add("交通运行");
lableNameList.add("拥挤指数");
for (int j = 0; j <= 4; j++) {
float value = (float) (Math.random() * 80);
y1Value.add(value);
y2Value.add(value-5);
}
yValues.add(y1Value);
yValues.add(y2Value);
List colorList = new ArrayList<>();
colorList.add(Color.parseColor("#6785f2"));
colorList.add(Color.parseColor("#eecc44"));
lineChartManager.showLineChart(xValues, yValues, lableNameList, colorList);
lineChartManager.setDescription("");
}
四、网状图 点击我回到顶部目录
4_1，（复制粘贴使用）
public class RadarChartManager {
private RadarChart mRadarChart;
private Context mContext;
private YAxis yAxis;
private XAxis xAxis;
public RadarChartManager(Context context, RadarChart radarChart) {
this.mContext = context;
this.mRadarChart = radarChart;
yAxis = mRadarChart.getYAxis();
xAxis = mRadarChart.getXAxis();
}
private void initRadarChart() {
// 绘制线条宽度，圆形向外辐射的线条
mRadarChart.setWebLineWidth(1f);
// 线条的颜色
mRadarChart.setWebColor(Color.parseColor("#d5d5d5"));
mRadarChart.setWebColorInner(Color.parseColor("#d5d5d5"));
// 内部线条宽度，外面的环状线条
mRadarChart.setWebLineWidthInner(0.4f);
// 所有线条WebLine透明度
mRadarChart.setWebAlpha(100);
//取消图标右下角的描述
mRadarChart.getDescription().setEnabled(false);
// 图显示的位置
mRadarChart.setExtraOffsets(0, 2, 110, 0);
//点击点弹出的标签
// RadarMarkerView mv = new RadarMarkerView(mContext, R.layout.radar_marker_view);
// mRadarChart.setMarkerView(mv);
XAxis xAxis = mRadarChart.getXAxis();
// X坐标值字体大小
xAxis.setTextSize(8f);
xAxis.setGridColor(Color.parseColor("#a1a1a1"));
xAxis.setTextColor(Color.parseColor("#a1a1a1"));
xAxis.setAxisLineColor(Color.parseColor("#a1a1a1"));
// Y坐标值字体样式
// Y坐标值标签个数
yAxis.setLabelCount(6, false);
// Y坐标值字体大小
yAxis.setTextSize(15f);
yAxis.setTextColor(Color.parseColor("#a1a1a1"));
yAxis.setAxisLineColor(Color.parseColor("#a1a1a1"));
// Y坐标值是否从0开始
yAxis.setStartAtZero(true);
yAxis.setEnabled(false);
yAxis.setDrawLabels(false);
yAxis.setDrawTopYLabelEntry(false);
yAxis.setGridColor(Color.parseColor("#a1a1a1"));
xAxis.setDrawLimitLinesBehindData(false);
//设置X上的显示labal
xAxis.setDrawLabels(true);
Legend l = mRadarChart.getLegend();
// 图例位置
// l.setPosition(Legend.LegendPosition.RIGHT_OF_CHART);
l.setVerticalAlignment(Legend.LegendVerticalAlignment.TOP);
l.setHorizontalAlignment(Legend.LegendHorizontalAlignment.RIGHT);
l.setOrientation(Legend.LegendOrientation.VERTICAL);
// 图例X间距
l.setXEntrySpace(1f);
// 图例Y间距
l.setYEntrySpace(1f);
// 图例文字的大小
l.setTextSize(12f);
// 图例文字颜色
l.setTextColor(Color.parseColor("#a1a1a1"));
// 图例相对于Y的偏移
l.setYOffset(1f);
// 图例相对于X的偏移
l.setXOffset(20f);
}
public void showRadarChart(final List xData, List> yDatas, List names, List colors) {
initRadarChart();
xAxis.setValueFormatter(new IAxisValueFormatter() {
@Override
public String getFormattedValue(float value, AxisBase axis) {
return xData.get((int) value % xData.size());
}
});
//Y轴字体颜色
yAxis.setTextColor(Color.parseColor("#a1a1a1"));
// 是否绘制
yAxis.setDrawLabels(false);
List sets = new ArrayList<>();
for (int i = 0; i < yDatas.size(); i++) {
ArrayList yValues = new ArrayList<>();
for (int j = 0; j < yDatas.get(i).size(); j++) {
yValues.add(new RadarEntry(yDatas.get(i).get(j), j));
}
RadarDataSet radarDataSet = new RadarDataSet(yValues, names.get(i));
radarDataSet.setColor(colors.get(i));
//设置是否填充区域
radarDataSet.setDrawFilled(true);
//填充区域的颜色
radarDataSet.setFillColor(colors.get(i));
//填充区域同颜色的alpha值
radarDataSet.setFillAlpha(255);
// 数据线条宽度
radarDataSet.setLineWidth(1f);
sets.add(radarDataSet);
}
RadarData data = new RadarData(sets);
// 数据字体大小
data.setValueTextSize(8f);
// 是否绘制Y值到图表
data.setDrawValues(false);
mRadarChart.setData(data);
mRadarChart.invalidate();
}
/**
* 设置描述信息
*
* @param str
*/
public void setDescription(String str) {
Description description = new Description();
description.setText(str);
mRadarChart.setDescription(description);
mRadarChart.invalidate();
}
public void setYscale(float max, float min, int labelCount) {
yAxis.setLabelCount(labelCount, false);
yAxis.setAxisMinimum(min);
yAxis.setAxisMaximum(max);
mRadarChart.invalidate();
}
}
4_2，使用方法
RadarChart readar_chart;
//网
readar_chart = findViewById(R.id.reader_chart);
show_reader_chart();
//网图设置数据
private void show_reader_chart() {
RadarChartManager radarChartManager = new RadarChartManager(this, readar_chart);
List xData = new ArrayList<>();
List> yDatas = new ArrayList<>();
List names = new ArrayList<>();
names.add("东城区");
names.add("朝阳区");
names.add("西城");
names.add("丰台区");
names.add("石景山");
names.add("房山区");
xData.add("总体");
xData.add("交通设施");
xData.add("评价");
xData.add("平均");
xData.add("交通治理");
xData.add("交通需求");
xData.add("交通拥堵指数");
List colors = new ArrayList<>();
for (int i = 0; i < 6; i++) {
List nData = new ArrayList<>();
for (int j = 0; j < 7; j++) {
nData.add((float) (Math.random() * 20));
}
yDatas.add(nData);
}
colors.add(Color.parseColor("#fbd06a"));
colors.add(Color.parseColor("#f69a40"));
colors.add(Color.parseColor("#ff5d52"));
colors.add(Color.parseColor("#e71f19"));
colors.add(Color.parseColor("#ff9b43"));
colors.add(Color.parseColor("#8eb9fb"));
radarChartManager.showRadarChart(xData, yDatas, names, colors);
}
借鉴于https://blog.csdn.net/baidu_31956557/article/details/80930116感谢大佬