具有各种条宽的MPAndroidChart条形图

时间:2017-08-31 17:09:10

标签: android bar-chart mpandroidchart

我需要创建一个沿x轴有时间的图表和沿y轴有一个区域的图表。该程序将在一个活动的特定时间差上记录数据,并在图表中显示数据,类似这样 - > https://i.stack.imgur.com/s4MiC.png但是其他每个栏都是交替的颜色,以对应一个单独的活动。我还没有找到使用MPAndroidChart的方法,每个条目似乎都有固定的宽度。如果有人知道如何使用MPAndroidChart或其他开源库提供帮助,将不胜感激,谢谢!

编辑:

这是我一直试图使用的代码:

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_data_report);  

    BarChart barChart = (BarChart) findViewById(R.id.barChart);
    List<BarEntry> entries = generateBarEntries();
    BarDataSet set = new BarDataSet(entries, "BarDataSet");
    BarData data = new BarData(set);
    barChart.setData(data);
}

private List<BarEntry> generateBarEntries() {
    List<BarEntry> entries = new ArrayList<>();
    for (int i = 0; i < timeValues.size(); i++) {
        float x = timeValues.get(i);
        float y = areaValues.get(i);
        entries.add(new BarEntry(x, y));
    }
    return entries;
}

timeValues是一个ArrayList,其值为秒,如[3,9,21,26,33],而areaValues也是一个与timeValues大小相同的ArrayList,现在每个值为30(即[30,30, 30,30,30])。

2 个答案:

答案 0 :(得分:2)

好的,所以我想出了如何解决这个问题。我没有创建条形图,而是创建了一个带有水平线的折线图,并填充了每条线下方的区域。

LineChart timeChart = (LineChart) findViewById(R.id.timeChart);
List<ILineDataSet> dataSets = generateLineData();
LineData data = new LineData(dataSets);
timeChart.setData(data);
timeChart.invalidate();

private List<ILineDataSet> generateLineData() {
    List<ILineDataSet> dataSets = new ArrayList<>();
    for (int i = 0; i < areaValues.size(); i++) {
        List<Entry> barPoints = new ArrayList<>();
        Entry barPoint1;
        Entry barPoint2;
        LineDataSet dataSet;
        if (areaValues.get(i) >= 0) {
            barPoint1 = new Entry(timeValues.get(i), areaValues.get(i));
            barPoint2 = new Entry(timeValues.get(i+1), areaValues.get(i));
            barPoints.add(barPoint1);
            barPoints.add(barPoint2);
            dataSet = new LineDataSet(barPoints, "");
            dataSet.setColor(getResources().getColor(R.color.green));
            dataSet.setFillDrawable(ContextCompat.getDrawable(this, R.color.green));
        }
        dataSet.setDrawCircles(false);
        dataSet.setDrawFilled(true);
        dataSet.setDrawValues(false);
        dataSets.add(dataSet);
    }
    return dataSets;
}

非常有效。

答案 1 :(得分:0)

Sample, what i did

没有简单的方法来实现这一目标。您必须在MPAndroidChart中挖掘条形图源代码并找到名为BarBuffer的类。有一个名为addBar()的方法。在那里你可以改变条宽。在我的例子中,我仍然有24个单独的条,但如果你改变宽度,你可以使它看起来像大块。

protected void addBar(float left, float top, float right, float bottom) {

    buffer[index++] = left;
    buffer[index++] = top;
    buffer[index++] = right;
    buffer[index++] = bottom;
}