MpAndroidChart各种图表我都用了一遍，并且已经熟练掌握。总结我的Demo

最新推荐文章于 2022-12-25 16:34:42 发布
最新推荐文章于 2022-12-25 16:34:42 发布
阅读量4.1k 收藏 7
点赞数 2
分类专栏： 柱状图带折线图 Android 柱状图 BarChartCombined BarChart 文章标签： 柱状图 柱状图带折线图 BarChart BarChartCombined

首先从作者那里下载 MpAndroidChart.jar     :   https://github.com/PhilJay/MPAndroidChart

怎么导入项目我就不罗嗦了 ，来不及解释了，看图看代码



import com.github.mikephil.charting.charts.BarChart;
import com.github.mikephil.charting.data.BarData;

import android.app.Activity;
import android.os.Bundle;
import android.view.Window;

public class MainActivity extends Activity {

	private BarChart mBarChart,mBarChart2,mBarChart3,mBarChart4,mBarChart5,mBarChart6,mBarChart7,mBarChart8,mBarChart9;
    private BarData mBarData;
    private BarCharts mBarCharts;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_main);
		mBarCharts = new BarCharts();
		
		// 创建多张图表
		mBarChart = (BarChart) findViewById(R.id.spreadBarChart);
		mBarChart2 = (BarChart) findViewById(R.id.spreadBarChart2);
		mBarChart3 = (BarChart) findViewById(R.id.spreadBarChart3);
		mBarChart4 = (BarChart) findViewById(R.id.spreadBarChart4);
		mBarChart5 = (BarChart) findViewById(R.id.spreadBarChart5);
		mBarChart6 = (BarChart) findViewById(R.id.spreadBarChart6);
		mBarChart7 = (BarChart) findViewById(R.id.spreadBarChart7);
		mBarChart8 = (BarChart) findViewById(R.id.spreadBarChart8);
		mBarChart9 = (BarChart) findViewById(R.id.spreadBarChart9);
		
        mBarData = mBarCharts.getBarData(14, 500);
        mBarCharts.showBarChart(mBarChart, mBarData);
        
        mBarData = mBarCharts.getBarData(14, 900);
        mBarCharts.showBarChart(mBarChart2, mBarData);
        
        mBarData = mBarCharts.getBarData(14, 100);
        mBarCharts.showBarChart(mBarChart3, mBarData);
        
        mBarData = mBarCharts.getBarData(14, 100);
        mBarCharts.showBarChart(mBarChart4, mBarData);
        
        mBarData = mBarCharts.getBarData(14, 100);
        mBarCharts.showBarChart(mBarChart5, mBarData);
        
        mBarData = mBarCharts.getBarData(14, 100);
        mBarCharts.showBarChart(mBarChart6, mBarData);
        
        mBarData = mBarCharts.getBarData(14, 100);
        mBarCharts.showBarChart(mBarChart7, mBarData);
        
        mBarData = mBarCharts.getBarData(14, 100);  
        mBarCharts.showBarChart(mBarChart8, mBarData);
        
        mBarData = mBarCharts.getBarData(14, 100);
        mBarCharts.showBarChart(mBarChart9, mBarData);
	}
}


然后再设置图表属性： 

package com.mpadnroidchart.barchartdemo;

import java.util.ArrayList;

import android.graphics.Color;

import com.github.mikephil.charting.charts.BarChart;
import com.github.mikephil.charting.components.Legend;
import com.github.mikephil.charting.components.Legend.LegendForm;
import com.github.mikephil.charting.components.XAxis;
import com.github.mikephil.charting.components.XAxis.XAxisPosition;
import com.github.mikephil.charting.data.BarData;
import com.github.mikephil.charting.data.BarDataSet;
import com.github.mikephil.charting.data.BarEntry;

/**
 * @author 正月 | ZhouDaDo
 */
public class BarCharts {
	
	private String[] color = {"#C4FF8E","#FFF88D","#FFD38C","#8CEBFF","#FF8F9D","#6BF3AD","#C4FF8E","#FFF88D","#FFD38C","#8CEBFF","#FF8F9D","#6BF3AD","#C4FF8E","#FFF88D","#FFD38C","#8CEBFF","#FF8F9D","#6BF3AD","#C4FF8E","#FFF88D","#FFD38C","#8CEBFF","#FF8F9D","#6BF3AD","#C4FF8E","#FFF88D","#FFD38C","#8CEBFF","#FF8F9D","#6BF3AD","#C4FF8E","#FFF88D","#FFD38C","#8CEBFF","#FF8F9D","#6BF3AD","#C4FF8E","#FFF88D","#FFD38C","#8CEBFF","#FF8F9D","#6BF3AD","#C4FF8E","#FFF88D","#FFD38C","#8CEBFF","#FF8F9D","#6BF3AD","#C4FF8E","#FFF88D","#FFD38C","#8CEBFF","#FF8F9D","#6BF3AD","#C4FF8E","#FFF88D","#FFD38C","#8CEBFF","#FF8F9D","#6BF3AD","#C4FF8E","#FFF88D","#FFD38C","#8CEBFF","#FF8F9D","#6BF3AD"};
	
	public void showBarChart(BarChart barChart, BarData barData) {
		// 数据描述      
        barChart.setDescription("");
        // 如果没有数据的时候，会显示这个，类似ListView的EmptyView
        barChart.setNoDataTextDescription("You need to provide data for the chart.");
        // 是否显示表格颜色  
        barChart.setDrawGridBackground(false);  
        // 设置是否可以触摸
        barChart.setTouchEnabled(true); 
        // 是否可以拖拽
        barChart.setDragEnabled(false);     
        // 是否可以缩放
        barChart.setScaleEnabled(false);
        // 集双指缩放
        barChart.setPinchZoom(false);
        // 设置背景
        barChart.setBackgroundColor(Color.parseColor("#01000000"));
        // 如果打开，背景矩形将出现在已经画好的绘图区域的后边。
        barChart.setDrawGridBackground(false);
        // 集拉杆阴影
        barChart.setDrawBarShadow(false);
        // 图例
        barChart.getLegend().setEnabled(false);
        // 设置数据
        barChart.setData(barData); 
        
        // 隐藏右边的坐标轴 (就是右边的0 - 100 - 200 - 300 ... 和图表中横线)
        barChart.getAxisRight().setEnabled(false);
 		// 隐藏左边的左边轴 (同上)
//        barChart.getAxisLeft().setEnabled(false);
        
        // 网格背景颜色
        barChart.setGridBackgroundColor(Color.parseColor("#00000000"));
        // 是否显示表格颜色
        barChart.setDrawGridBackground(false);
        // 设置边框颜色
        barChart.setBorderColor(Color.parseColor("#00000000"));
        // 说明颜色
        barChart.setDescriptionColor(Color.parseColor("#00000000"));
        // 拉杆阴影
        barChart.setDrawBarShadow(false);
        // 打开或关闭绘制的图表边框。（环绕图表的线）
        barChart.setDrawBorders(false);
        
        
        Legend mLegend = barChart.getLegend(); // 设置比例图标示
        // 设置窗体样式
        mLegend.setForm(LegendForm.CIRCLE);
        // 字体
        mLegend.setFormSize(4f);
        // 字体颜色
        mLegend.setTextColor(Color.parseColor("#00000000"));
        
        
        XAxis xAxis = barChart.getXAxis();
		xAxis.setPosition(XAxisPosition.BOTTOM);
		xAxis.setDrawGridLines(false);
		xAxis.setSpaceBetweenLabels(2);
		
        
        barChart.animateY(1000); // 立即执行的动画,Y轴
    }
    public BarData getBarData(int count, float range) {
        ArrayList<String> xValues = new ArrayList<String>();
        for (int i = 0; i < count; i++) {
            xValues.add(""+(i+1)+"周");// 设置每个壮图的文字描述
        }
        ArrayList<BarEntry> yValues = new ArrayList<BarEntry>();
        for (int i = 0; i < count; i++) {
            float value = (float) (Math.random() * range/*100以内的随机数*/) + 3;
            yValues.add(new BarEntry(value, i));
        }
        // y轴的数据集合      
        BarDataSet barDataSet = new BarDataSet(yValues, "测试饼状图");
        ArrayList<Integer> colors = new ArrayList<Integer>();
        for(int i = 0;i < count ;i++){
        	colors.add(Color.parseColor(color[i]));
        }
        barDataSet.setColors(colors);
        // 设置栏阴影颜色
        barDataSet.setBarShadowColor(Color.parseColor("#01000000"));
        ArrayList<BarDataSet> barDataSets = new ArrayList<BarDataSet>();
        barDataSets.add(barDataSet);
        barDataSet.setValueTextColor(Color.parseColor("#FF8F9D"));
        // 绘制值
        barDataSet.setDrawValues(true);
        BarData barData = new BarData(xValues, barDataSets);
        return barData;
    }
}

点击下载柱状图Demo


有的小伙伴觉得柱状图不过瘾，需要多个柱状图在一起来表示一种信息 ： 像这样的

来不及解释了，上代码 。

package com.barchart.barchart3sdemo;

import android.app.Activity;
import android.os.Bundle;
import android.view.Window;

import com.github.mikephil.charting.charts.BarChart;
import com.github.mikephil.charting.data.BarData;

public class MainActivity extends Activity {
	private BarChart3s mBarChart3s;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_main);
		
		BarChart chart = (BarChart) findViewById(R.id.chart);
		mBarChart3s = new BarChart3s(chart);
        BarData data = new BarData(mBarChart3s.getXAxisValues(), mBarChart3s.getDataSet());
        // 设置数据
        chart.setData(data);
        
	}
}


package com.barchart.barchart3sdemo;

import java.util.ArrayList;

import android.graphics.Color;

import com.github.mikephil.charting.charts.BarChart;
import com.github.mikephil.charting.components.Legend;
import com.github.mikephil.charting.components.Legend.LegendForm;
import com.github.mikephil.charting.components.XAxis;
import com.github.mikephil.charting.components.XAxis.XAxisPosition;
import com.github.mikephil.charting.data.BarDataSet;
import com.github.mikephil.charting.data.BarEntry;

public class BarChart3s {

	public BarChart3s(BarChart chart) {
		// 数据描述  
        chart.setDescription("");
        // 动画
        chart.animateY(1000);
        // 设置是否可以触摸
        chart.setTouchEnabled(true);
        // 是否可以拖拽
        chart.setDragEnabled(false);     
        // 是否可以缩放
        chart.setScaleEnabled(false);
        // 集双指缩放
        chart.setPinchZoom(false);
        // 隐藏右边的坐标轴
        chart.getAxisRight().setEnabled(false);
 		// 隐藏左边的左边轴
        chart.getAxisLeft().setEnabled(false);
        
        Legend mLegend = chart.getLegend(); // 设置比例图标示
        // 设置窗体样式
        mLegend.setForm(LegendForm.SQUARE);
        // 字体
        mLegend.setFormSize(4f);
        // 字体颜色
        mLegend.setTextColor(Color.parseColor("#7e7e7e"));
        
        
        XAxis xAxis = chart.getXAxis();
		xAxis.setPosition(XAxisPosition.BOTTOM);
		xAxis.setDrawGridLines(false);
		xAxis.setSpaceBetweenLabels(2);
		
        chart.invalidate();
	}
	public ArrayList<BarDataSet> getDataSet() {
        ArrayList<BarDataSet> dataSets = null;
        ArrayList<BarEntry> valueSet1 = new ArrayList<BarEntry>();
        BarEntry v1e1 = new BarEntry(110.000f, 0); // Jan
        valueSet1.add(v1e1);
        BarEntry v1e2 = new BarEntry(40.000f, 1); // Feb
        valueSet1.add(v1e2);
        BarEntry v1e3 = new BarEntry(60.000f, 2); // Mar
        valueSet1.add(v1e3);
        BarEntry v1e4 = new BarEntry(30.000f, 3); // Apr
        valueSet1.add(v1e4);
        BarEntry v1e5 = new BarEntry(90.000f, 4); // May
        valueSet1.add(v1e5);
        BarEntry v1e6 = new BarEntry(100.000f, 5); // Jun
        valueSet1.add(v1e6);
 
        ArrayList<BarEntry> valueSet2 = new ArrayList<BarEntry>();
        BarEntry v2e1 = new BarEntry(150.000f, 0); // Jan
        valueSet2.add(v2e1);
        BarEntry v2e2 = new BarEntry(90.000f, 1); // Feb
        valueSet2.add(v2e2);
        BarEntry v2e3 = new BarEntry(120.000f, 2); // Mar
        valueSet2.add(v2e3);
        BarEntry v2e4 = new BarEntry(60.000f, 3); // Apr
        valueSet2.add(v2e4);
        BarEntry v2e5 = new BarEntry(20.000f, 4); // May
        valueSet2.add(v2e5);
        BarEntry v2e6 = new BarEntry(80.000f, 5); // Jun
        valueSet2.add(v2e6);
        
        ArrayList<BarEntry> valueSet3 = new ArrayList<BarEntry>();
        BarEntry v3e1 = new BarEntry(20.000f, 0); // Jan
        valueSet3.add(v3e1);
        BarEntry v3e2 = new BarEntry(60.000f, 1); // Feb
        valueSet3.add(v3e2);
        BarEntry v3e3 = new BarEntry(90.000f, 2); // Mar
        valueSet3.add(v3e3);
        BarEntry v3e4 = new BarEntry(150.000f, 3); // Apr
        valueSet3.add(v3e4);
        BarEntry v3e5 = new BarEntry(120.000f, 4); // May
        valueSet3.add(v3e5);
        BarEntry v3e6 = new BarEntry(40.000f, 5); // Jun
        valueSet3.add(v3e6);
 
        BarDataSet barDataSet1 = new BarDataSet(valueSet1, "数据1注解");
        barDataSet1.setColor(Color.parseColor("#F26077"));
        barDataSet1.setBarShadowColor(Color.parseColor("#01000000"));
        
        BarDataSet barDataSet2 = new BarDataSet(valueSet2, "数据2注解");
        barDataSet2.setColor(Color.parseColor("#00C0BF"));
        barDataSet2.setBarShadowColor(Color.parseColor("#01000000"));
        
        BarDataSet barDataSet3 = new BarDataSet(valueSet3, "数据3注解");
        barDataSet3.setColor(Color.parseColor("#DEAD26"));
        barDataSet3.setBarShadowColor(Color.parseColor("#01000000"));
        
        dataSets = new ArrayList<BarDataSet>();
        dataSets.add(barDataSet1);
        dataSets.add(barDataSet2);
        dataSets.add(barDataSet3);
        
        return dataSets;
    }
    public ArrayList<String> getXAxisValues() {
        ArrayList<String> xAxis = new ArrayList<String>();
        xAxis.add("星期一");
        xAxis.add("星期二");
        xAxis.add("星期三");
        xAxis.add("星期四");
        xAxis.add("星期五");
        xAxis.add("星期六");
        return xAxis;
    }
}

点击下载BarChart3sDemo


但是我们有时需求希望可以在柱状图上再来个折线图。或者来一条线代表柱状图的平均值。 像这样


来不及解释了，看代码：

package com.mpchart.barchartcombined;

import java.util.ArrayList;
import java.util.List;
import java.util.Map;

import android.graphics.Color;

import com.github.mikephil.charting.charts.CombinedChart;
import com.github.mikephil.charting.charts.CombinedChart.DrawOrder;
import com.github.mikephil.charting.components.Legend;
import com.github.mikephil.charting.components.Legend.LegendForm;
import com.github.mikephil.charting.components.XAxis;
import com.github.mikephil.charting.components.XAxis.XAxisPosition;
import com.github.mikephil.charting.components.YAxis;
import com.github.mikephil.charting.data.BarData;
import com.github.mikephil.charting.data.BarDataSet;
import com.github.mikephil.charting.data.BarEntry;
import com.github.mikephil.charting.data.BubbleData;
import com.github.mikephil.charting.data.BubbleDataSet;
import com.github.mikephil.charting.data.BubbleEntry;
import com.github.mikephil.charting.data.CandleData;
import com.github.mikephil.charting.data.CandleDataSet;
import com.github.mikephil.charting.data.CandleEntry;
import com.github.mikephil.charting.data.CombinedData;
import com.github.mikephil.charting.data.Entry;
import com.github.mikephil.charting.data.LineData;
import com.github.mikephil.charting.data.LineDataSet;
import com.github.mikephil.charting.data.ScatterData;
import com.github.mikephil.charting.data.ScatterDataSet;
import com.github.mikephil.charting.utils.ColorTemplate;

public class BarChartCombined {
	
	private final int itemcount = 12;
	protected String[] mMonths = new String[] {"Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dec"};
	protected String[] colors = {"#C4FF8E","#FFF88D","#FFD38C","#8CEBFF","#FF8F9D","#6BF3AD","#C4FF8E","#FFF88D","#FFD38C","#8CEBFF","#FF8F9D","#6BF3AD","#C4FF8E","#FFF88D","#FFD38C","#8CEBFF","#FF8F9D","#6BF3AD","#C4FF8E","#FFF88D","#FFD38C","#8CEBFF","#FF8F9D","#6BF3AD","#C4FF8E","#FFF88D","#FFD38C","#8CEBFF","#FF8F9D","#6BF3AD","#C4FF8E","#FFF88D","#FFD38C","#8CEBFF","#FF8F9D","#6BF3AD","#C4FF8E","#FFF88D","#FFD38C","#8CEBFF","#FF8F9D","#6BF3AD","#C4FF8E","#FFF88D","#FFD38C","#8CEBFF","#FF8F9D","#6BF3AD","#C4FF8E","#FFF88D","#FFD38C","#8CEBFF","#FF8F9D","#6BF3AD","#C4FF8E","#FFF88D","#FFD38C","#8CEBFF","#FF8F9D","#6BF3AD","#C4FF8E","#FFF88D","#FFD38C","#8CEBFF","#FF8F9D","#6BF3AD"};
	
	// 设置图表样式
	public BarChartCombined(CombinedChart mChart) {
		
		mChart.setDescription("");
        mChart.setDrawGridBackground(false);
        mChart.setDrawBarShadow(false);
        // 设置是否可以触摸
        mChart.setTouchEnabled(true);
        // 是否可以拖拽
        mChart.setDragEnabled(false);
        // 是否可以缩放
        mChart.setScaleEnabled(false);
        // 集双指缩放
        mChart.setPinchZoom(false);
        // 下面的图例图例
        mChart.getLegend().setEnabled(false);
        // 设置背景透明
        mChart.setBackgroundColor(Color.parseColor("#00000000"));
        
        // draw bars behind lines
        mChart.setDrawOrder(new DrawOrder[] {DrawOrder.BAR, DrawOrder.BUBBLE, DrawOrder.CANDLE, DrawOrder.LINE, DrawOrder.SCATTER});

        // 下面标记解释设置
        Legend mLegend = mChart.getLegend(); // 设置比例图标示
        // 设置窗体样式
        mLegend.setForm(LegendForm.CIRCLE);
        // 字体
        mLegend.setFormSize(4f);
        // 字体颜色
        mLegend.setTextColor(Color.parseColor("#000000"));
        
        /*YAxis rightAxis = mChart.getAxisRight();
        rightAxis.setDrawGridLines(false);*/

        /*YAxis leftAxis = mChart.getAxisLeft();
        leftAxis.setDrawGridLines(false);*/

        XAxis xAxis = mChart.getXAxis();
        xAxis.setPosition(XAxisPosition.BOTTOM);
        xAxis.setDrawGridLines(false);
        xAxis.setSpaceBetweenLabels(2);
		
        CombinedData data = new CombinedData(mMonths);
        data.setData(generateLineData());
        data.setData(generateBarData());
//		data.setData(generateBubbleData());
//		data.setData(generateScatterData());
//		data.setData(generateCandleData());

        // 隐藏右边的坐标轴
        mChart.getAxisRight().setEnabled(false);
 		// 隐藏左边的左边轴
        mChart.getAxisLeft().setEnabled(false);
        
        mChart.setData(data);
        // 立即执行的动画,Y轴
        mChart.animateY(1000); 
        // 刷新图表
//      mChart.invalidate();
	}
	
	// 柱状图上面的折线图
	public LineData generateLineData() {
        LineData d = new LineData();
        
        ArrayList<Entry> entries1 = new ArrayList<Entry>();
        for (int index = 0; index < itemcount; index++)
            entries1.add(new Entry(45, index));

        LineDataSet set1 = new LineDataSet(entries1, "50对比线");
        // 设置颜色
        set1.setColor(Color.parseColor("#00A918"));
        // 线宽
        set1.setLineWidth(1.0f);
        // 圈颜色
        set1.setCircleColor(Color.parseColor("#00A918"));
        // 圆的大小
        set1.setCircleSize(0f);
        // 填充颜色
        set1.setFillColor(Color.parseColor("#00A918"));
        // 绘制立方
        set1.setDrawCubic(true);
        // 绘制数据
        set1.setDrawValues(true);
        // 字体大小
        set1.setValueTextSize(10f);
        // 字体颜色
        set1.setValueTextColor(Color.parseColor("#00000000"));
        // 轴依赖
        set1.setAxisDependency(YAxis.AxisDependency.LEFT);
        
        ArrayList<Entry> entries2 = new ArrayList<Entry>();
        for (int index = 0; index < itemcount; index++)
            entries2.add(new Entry(30, index));

        LineDataSet set2 = new LineDataSet(entries2, "50对比线");
        // 设置颜色
        set2.setColor(Color.parseColor("#A12200"));
        // 线宽
        set2.setLineWidth(1.0f);
        // 圈颜色
        set2.setCircleColor(Color.parseColor("#A12200"));
        // 圆的大小
        set2.setCircleSize(0f);
        // 填充颜色
        set2.setFillColor(Color.parseColor("#A12200"));
        // 绘制立方
        set2.setDrawCubic(true);
        // 绘制数据
        set2.setDrawValues(true);
        // 字体大小
        set2.setValueTextSize(10f);
        // 字体颜色
        set2.setValueTextColor(Color.parseColor("#00000000"));
        // 轴依赖
        set2.setAxisDependency(YAxis.AxisDependency.LEFT);
        
        d.addDataSet(set1);
        d.addDataSet(set2);
        return d;
    }

	public BarData generateBarData() {
        BarData d = new BarData();
        ArrayList<BarEntry> entries = new ArrayList<BarEntry>();
        for (int index = 0; index < itemcount; index++)
            entries.add(new BarEntry(getRandom(100, 3), index));
        BarDataSet set = new BarDataSet(entries, "Bar DataSet");
        // 设置颜色
        List<Integer> colorlist = new ArrayList<Integer>();
        for(int i=0;i < itemcount;i++){
        	colorlist.add(Color.parseColor(colors[i]));
        }
        set.setColors(colorlist);
        // 字体颜色
        set.setValueTextColor(Color.parseColor("#FF8F9D"));
        // 字体大小
        set.setValueTextSize(10f);
        d.addDataSet(set);
        set.setAxisDependency(YAxis.AxisDependency.LEFT);
        return d;
    }

	public ScatterData generateScatterData() {

        ScatterData d = new ScatterData();

        ArrayList<Entry> entries = new ArrayList<Entry>();

        for (int index = 0; index < itemcount; index++)
            entries.add(new Entry(getRandom(20, 15), index));

        ScatterDataSet set = new ScatterDataSet(entries, "Scatter DataSet");
        set.setColor(Color.GREEN);
        set.setScatterShapeSize(7.5f);
        set.setDrawValues(false);
        set.setValueTextSize(10f);
        d.addDataSet(set);

        return d;
    }

	public CandleData generateCandleData() {

        CandleData d = new CandleData();

        ArrayList<CandleEntry> entries = new ArrayList<CandleEntry>();

        for (int index = 0; index < itemcount; index++)
            entries.add(new CandleEntry(index, 20f, 10f, 13f, 17f));

        CandleDataSet set = new CandleDataSet(entries, "Candle DataSet");
        set.setColor(Color.rgb(80, 80, 80));
        set.setBodySpace(0.3f);
        set.setValueTextSize(10f);
        set.setDrawValues(false);
        d.addDataSet(set);

        return d;
    }
    
	public BubbleData generateBubbleData() {

        BubbleData bd = new BubbleData();

        ArrayList<BubbleEntry> entries = new ArrayList<BubbleEntry>();

        for (int index = 0; index < itemcount; index++) {
            float rnd = getRandom(20, 30);
            entries.add(new BubbleEntry(index, rnd, rnd));
        }

        BubbleDataSet set = new BubbleDataSet(entries, "Bubble DataSet");
        set.setColors(ColorTemplate.VORDIPLOM_COLORS);
        set.setValueTextSize(10f);
        set.setValueTextColor(Color.WHITE);
        set.setHighlightCircleWidth(1.5f);
        set.setDrawValues(true);
        bd.addDataSet(set);

        return bd;
    }

    private float getRandom(float range, float startsfrom) {
        return (float) (Math.random() * range) + startsfrom;
    }
	
}

点击下载BarChartCombined


好了，今天写柱状图。等会写饼图和折线图！


ZhouDaDo
关注
  • 2
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
android 图表 MPAndroidChart demo
04-29
内容可以查看网址：http://blog.csdn.net/qq_21445563/article/details/51282253
原 MPAndroidChart LineChart 折线图
hqyhqyhq的专栏
12-24 694
前言   MPAndroidChart已经出了很长的一段时间，相信大家也有所耳闻，自己也使用了有一段时间，固在此写下文章，根据项目的需求，记录一些见解与问题，作为参考。望大家取其精华去其糟粕。 最终效果图 涉及到的问题以及知识点 图表样式以及基础数据 （快速入门） x轴标签自定义标签（Formatting Data Values (ValueFormatter)） 自定义覆盖物（Marker...
MPAndroidChartDemo:MPAndroidChart相关的demo例子
05-06
MPAndroidChartDemo MPAndroidChart相关的demo例子 饼图 单折线图： 多折线图： 横向单柱状图： 纵向单柱状图： 纵向多柱状图： 蜘蛛网图： 组合图： 在recyvleview中显示
Android的图表世界–如何使用MPAndroidChart
你知道的昵称
04-29 4400
1，将MPAndroidChart添加进Android Project 新建AndroidChartDemo从GitHub下载所需的mpandroidchartlibrary-2-0-9.jar(https://github.com/PhilJay/MPAndroidChart/releases)将下载好的jar包添加进工程下的libs文件夹下，并鼠标右键 Add as Libary
AndroidStudio内用MPAndroidChart制作柱状图（有详细注释）
XinBaDeRongYao的博客
12-25 1762
用MPAndroidChart制作柱状图（有详细注释）
MPAndroidChart使用详解－－BarChart和PieChart
liuye066的专栏
04-30 3424
MPAndroidChart使用详解－－BarChart和PieChart使用实例 app的build.gradle中添加依赖： implementation 'com.github.PhilJay:MPAndroidChart:v3.0.1' 项目的build.gradle中添加： allprojects { repositories { …… ...
MPAndroidChart使用之Bar chart
正在Android的学习路上
03-29 8292
MPAndroidChart使用之Bar chart
Android之柱状图
qq_20553007的博客
09-29 1788
项目源代码：https://github.com/libin7278/MpChart 第一步 添加依赖或导入Library dependencies { compile fileTree(dir: 'libs', include: ['*.jar']) compile 'com.android.support:appcompat-v7:23.2.0' comp...
java饼状图图标_MPAndroidChart开源图表库的使用介绍之饼状图、折线图和柱状图
weixin_36185970的博客
02-26 416
MPAndroidChart开源图表库之饼状图为大家介绍一款图标开源库MPAndroidChart,它不仅可以在Android设备上绘制各种统计图表，而且可以对图表进行拖动和缩放操作，用起来非常灵活。MPAndroidChart同样拥有常用的图表类型：线型图、饼图、柱状图和散点图。mpandroidchartlibrary.jar包下载地址：下面主要实现以下饼状图：1.从上面的地址中下载最新mpa...
java android统计图_Android统计图表之柱状图（条形图）
weixin_30909915的博客
02-26 494
Android统计图表之柱状图(条形图)柱状图是统计图表中经常用到的一种图表，比如降雨量之类的统计展示。我之前写了一些关于Android上的统计图表库MPAndroidChart，附录了一些我自己写的技术文档，在这些文档中介绍了MPAndroidChart的详细内容。现在基于Android平台上的MPAndroidChart，在Android上实现柱状图，以降雨量为例，制作一个简单的降雨量柱状...
Android-MPAndroidChart:使用 MPAndroidChart 将图表添加到您的 Android 应用程序
06-24
Tuts+ 教程：使用 MPAndroidChart 将图表添加到您的 Android 应用程序 讲师：Hathibelagal Ashraff 如果您的应用处理大量数据，那么如果您选择使用图表而不是表格来显示这些数据，您的用户将会喜欢您。 有许多可...
android开源图表库MPAndroidChart Demo
12-14
一个可以拖动缩放的图表库，包含曲线图、直方图、饼状图，其中直方图支持3d效果。
Android利用MPAndroidChart绘制曲线图表的基础教程
01-05
最近看了一下 Android 上的图表控件，去年做过一款应用也已上架了，也用到了图表控件，但是只是按照官方 demo 集成了，并没有过多的研究。 我最近基本上是面向 Github 编程了，拿别人造好的轮子拿来用，不能直接用的...
MPAndroidChart-master 各种图表
01-05
MPAndroidChart-master 各种图表各种样式显示 用于移动端开发
起点小说解锁.js
04-27
起点小说解锁.js
299-煤炭大数据智能分析解决方案.pptx
04-27
299-煤炭大数据智能分析解决方案.pptx
299-教育行业信息化与数据平台建设分享.pptx
04-27
299-教育行业信息化与数据平台建设分享.pptx
基于Springboot+Vue酒店客房入住管理系统-毕业源码案例设计.zip
04-27
网络技术和计算机技术发展至今，已经拥有了深厚的理论基础，并在现实中进行了充分运用，尤其是基于计算机运行的软件更是受到各界的关注。加上现在人们已经步入信息时代，所以对于信息的宣传和管理就很关键。系统化是必要的，设计网上系统不仅会节约人力和管理成本，还会安全保存庞大的数据量，对于信息的维护和检索也不需要花费很多时间，非常的便利。 网上系统是在MySQL中建立数据表保存信息，运用SpringBoot框架和Java语言编写。并按照软件设计开发流程进行设计实现。系统具备友好性且功能完善。 网上系统在让售信息规范化的同时，也能及时通过数据输入的有效性规则检测出错误数据，让数据的录入达到准确性的目的，进而提升数据的可靠性，让系统数据的错误率降至最低。 关键词：vue；MySQL；SpringBoot框架 【引流】 Java、Python、Node.js、Spring Boot、Django、Express、MySQL、PostgreSQL、MongoDB、React、Angular、Vue、Bootstrap、Material-UI、Redis、Docker、Kubernetes
时间复杂度的一些相关资源
最新发布
04-27
时间复杂度是计算机科学中用来评估算法效率的一个重要指标。它表示了算法执行时间随输入数据规模增长而变化的趋势。当我们比较不同算法的时间复杂度时，实际上是在比较它们在不同输入规模下的执行效率。 时间复杂度通常用大O符号来表示，它描述了算法执行时间上限的增长率。例如，O(n)表示算法执行时间与输入数据规模n呈线性关系，而O(n^2)则表示算法执行时间与n的平方成正比。当n增大时，O(n^2)算法的执行时间会比O(n)算法增长得更快。 在比较时间复杂度时，我们主要关注复杂度的增长趋势，而不是具体的执行时间。这是因为不同计算机硬件、操作系统和编译器等因素都会影响算法的实际执行时间，而时间复杂度则提供了一个与具体实现无关的评估标准。 一般来说，时间复杂度越低，算法的执行效率就越高。因此，在设计和选择算法时，我们通常希望找到时间复杂度尽可能低的方案。例如，在排序算法中，冒泡排序的时间复杂度为O(n^2)，而快速排序的时间复杂度在平均情况下为O(nlogn)，因此在处理大规模数据时，快速排序通常比冒泡排序更高效。 总之，时间复杂度是评估算法效率的重要工具，它帮助我们了解算法在不同输入规模下的性
帮我写一个简单的图表接口，前后端都要
05-26
好的，我可以为你提供一个简单的图表接口，包含前后端代码。 前端代码： ```html <!DOCTYPE html> <html> <head> <title>图表接口示例</title> <!-- 引入 echarts.js 库 --> <script src="https://cdn.jsdelivr.net/npm/echart[email protected]/dist/echarts.min.js"></script> </head> <body> <!-- 定义一个容器用于显示图表 --> <div id="chart" style="width: 600px; height:400px;"></div> <!-- 引入 jQuery 库 --> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> // 发送 AJAX 请求获取图表数据 $.ajax({ url: "/api/chart", success: function(data) { // 初始化 echarts 实例 var chart = echarts.init(document.getElementById("chart")); // 配置图表 var option = { title: { text: "图表接口示例", }, tooltip: {}, legend: { data: ["销量"], }, xAxis: { data: data.categories, }, yAxis: {}, series: [ { name: "销量", type: "bar", data: data.data, }, ], }; // 使用刚指定的配置项和数据显示图表 chart.setOption(option); }, }); </script> </body> </html> ``` 后端代码（使用 Python Flask 框架）： ```python from flask import Flask, jsonify app = Flask(__name__) # 定义图表数据 data = {"categories": ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"], "data": [5, 20, 36, 10, 10, 20]} # 定义图表接口 @app.route("/api/chart") def chart(): return jsonify(data) # 启动应用 if __name__ == "__main__": app.run() ``` 这个示例中，前端使用 echarts.js 库来生成图表，后端使用 Python Flask 框架提供 API。当页面加载时，前端会发送 AJAX 请求到后端获取图表数据，然后将数据传递给 echarts.js 库来生成图表。后端返回的数据格式为 JSON，使用 Flask 的 jsonify 函数来转换数据类型。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值