blocks|key|4435925|text|由于BarData构造函数已有更新，因此您需要使用以下代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4435926|BarChart+barChart+=+(BarChart)+view.findViewById(R.id.chart);
barChart.setDrawBarShadow(false);
barChart.setDrawValueAboveBar(true);
barChart.setDescription("");
barChart.setMaxVisibleValueCount(50);
barChart.setPinchZoom(false);
barChart.setDrawGridBackground(false);

XAxis+xl+=+barChart.getXAxis();
xl.setGranularity(1f);
xl.setCenterAxisLabels(true);
xl.setValueFormatter(new+AxisValueFormatter()+{
++++@Override
++++public+String+getFormattedValue(float+value,+AxisBase+axis)+{
++++++++return+String.valueOf((int)+value);
++++}

++++@Override
++++public+int+getDecimalDigits()+{
++++++++return+0;
++++}
});

YAxis+leftAxis+=+barChart.getAxisLeft();
leftAxis.setValueFormatter(new+AxisValueFormatter()+{
++++@Override
++++public+String+getFormattedValue(float+value,+AxisBase+axis)+{
++++++++return+String.valueOf((int)+value);
++++}

++++@Override
++++public+int+getDecimalDigits()+{
++++++++return+0;
++++}
});
leftAxis.setDrawGridLines(false);
leftAxis.setSpaceTop(30f);
leftAxis.setAxisMinValue(0f);+//+this+replaces+setStartAtZero(true
barChart.getAxisRight().setEnabled(false);

//data
float+groupSpace+=+0.04f;
float+barSpace+=+0.02f;+//+x2+dataset
float+barWidth+=+0.46f;+//+x2+dataset
//+(0.46+%2B+0.02)+*+2+%2B+0.04+=+1.00+->+interval+per+"group"

int+startYear+=+1980;
int+endYear+=+1985;
List<BarEntry>+yVals1+=+new+ArrayList<BarEntry>();+
List<BarEntry>+yVals2+=+new+ArrayList<BarEntry>();

for+(int+i+=+startYear;+i+<+endYear;+i%2B%2B)+{
++++yVals1.add(new+BarEntry(i,+0.4f));
++++yVals2.add(new+BarEntry(i,+0.7f));
}

BarDataSet+set1,+set2;
if+(barChart.getData()+!=+null+&&+barChart.getData().getDataSetCount()+>+0)+{
++++set1+=+(BarDataSet)barChart.getData().getDataSetByIndex(0);
++++set2+=+(BarDataSet)barChart.getData().getDataSetByIndex(1);
++++set1.setValues(yVals1);
++++set2.setValues(yVals2);
++++barChart.getData().notifyDataChanged();
++++barChart.notifyDataSetChanged();
}+else+{
++++//+create+2+datasets+with+different+types
++++set1+=+new+BarDataSet(yVals1,+"Company+A");
++++set1.setColor(Color.rgb(104,+241,+175));
++++set2+=+new+BarDataSet(yVals2,+"Company+B");
++++set2.setColor(Color.rgb(164,+228,+251));
++++ArrayList<IBarDataSet>+dataSets+=+new+ArrayList<IBarDataSet>();
++++dataSets.add(set1);
++++dataSets.add(set2);
++++BarData+data+=+new+BarData(dataSets);
++++barChart.setData(data);
}

barChart.getBarData().setBarWidth(barWidth);
barChart.getXAxis().setAxisMinValue(startYear);
barChart.groupBars(startYear,+groupSpace,+barSpace);
barChart.invalidate();|code-block|syntax|javascript|4435927|这就是它看起来的样子：|4435928|​|4435929|📷|atomic|offset|length|4435930|4435931|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/b66b65101bd8f127c89a3cbc81121955.png|imageAlt^0|0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|10|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|11|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|12|8|@]|9|@]|A|$]]|$1|K|3|L|5|M|7|13|8|@]|9|@$N|14|O|15|1|16]]|A|$]]|$1|P|3|J|5|6|7|17|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X|Y|-4]]]]

Since there has been an update on BarData constructor you need to use following code:

<pre><code>BarChart barChart = (BarChart) view.findViewById(R.id.chart);
barChart.setDrawBarShadow(false);
barChart.setDrawValueAboveBar(true);
barChart.setDescription("");
barChart.setMaxVisibleValueCount(50);
barChart.setPinchZoom(false);
barChart.setDrawGridBackground(false);

XAxis xl = barChart.getXAxis();
xl.setGranularity(1f);
xl.setCenterAxisLabels(true);
xl.setValueFormatter(new AxisValueFormatter() {
 @Override
 public String getFormattedValue(float value, AxisBase axis) {
 return String.valueOf((int) value);
 }

 @Override
 public int getDecimalDigits() {
 return 0;
 }
});

YAxis leftAxis = barChart.getAxisLeft();
leftAxis.setValueFormatter(new AxisValueFormatter() {
 @Override
 public String getFormattedValue(float value, AxisBase axis) {
 return String.valueOf((int) value);
 }

 @Override
 public int getDecimalDigits() {
 return 0;
 }
});
leftAxis.setDrawGridLines(false);
leftAxis.setSpaceTop(30f);
leftAxis.setAxisMinValue(0f); // this replaces setStartAtZero(true
barChart.getAxisRight().setEnabled(false);

//data
float groupSpace = 0.04f;
float barSpace = 0.02f; // x2 dataset
float barWidth = 0.46f; // x2 dataset
// (0.46 + 0.02) * 2 + 0.04 = 1.00 -&gt; interval per "group"

int startYear = 1980;
int endYear = 1985;
List&lt;BarEntry&gt; yVals1 = new ArrayList&lt;BarEntry&gt;(); 
List&lt;BarEntry&gt; yVals2 = new ArrayList&lt;BarEntry&gt;();

for (int i = startYear; i &lt; endYear; i++) {
 yVals1.add(new BarEntry(i, 0.4f));
 yVals2.add(new BarEntry(i, 0.7f));
}

BarDataSet set1, set2;
if (barChart.getData() != null &amp;&amp; barChart.getData().getDataSetCount() &gt; 0) {
 set1 = (BarDataSet)barChart.getData().getDataSetByIndex(0);
 set2 = (BarDataSet)barChart.getData().getDataSetByIndex(1);
 set1.setValues(yVals1);
 set2.setValues(yVals2);
 barChart.getData().notifyDataChanged();
 barChart.notifyDataSetChanged();
} else {
 // create 2 datasets with different types
 set1 = new BarDataSet(yVals1, "Company A");
 set1.setColor(Color.rgb(104, 241, 175));
 set2 = new BarDataSet(yVals2, "Company B");
 set2.setColor(Color.rgb(164, 228, 251));
 ArrayList&lt;IBarDataSet&gt; dataSets = new ArrayList&lt;IBarDataSet&gt;();
 dataSets.add(set1);
 dataSets.add(set2);
 BarData data = new BarData(dataSets);
 barChart.setData(data);
}

barChart.getBarData().setBarWidth(barWidth);
barChart.getXAxis().setAxisMinValue(startYear);
barChart.groupBars(startYear, groupSpace, barSpace);
barChart.invalidate();
</code></pre>

That's how it will look like:

<a href="https://i.stack.imgur.com/Ap60N.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Ap60N.png" alt="Result"></a>

How can i compare two set of data using <code>BarChart</code> of <a href="https://github.com/PhilJay/MPAndroidChart" rel="noreferrer">MPAndroidChart</a>.

It should look like this image below:
<a href="https://i.stack.imgur.com/r7N6L.png" rel="noreferrer"><img src="https://i.stack.imgur.com/r7N6L.png" alt="enter image description here"></a>

I edited a code, I get from a sample project in github.
how can I put together <code>100f and 110f</code> value in one <code>Xaxis</code> label <code>Whole Number</code>

<pre><code> Score score1 = new Score(100f, 0, "Whole Number");
 mRealm.copyToRealm(score1);
 Score score2 = new Score(110f, 0, "Whole Number");
 mRealm.copyToRealm(score2);
</code></pre>

How to create a BarChart with grouped bars with MPAndroidChart?

如何使用的BarChart比较两组数据。它应该如下图所示：​我编辑了一段代码，这是从github中的一个示例项目中获得的。如何将100f and 110f值放在一个Xaxis标签Whole Number中        Score score1 = new Score(100f, 0, "Whole Number");...

问如何使用MPAndroidChart创建带分组条的BarChart？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用MPAndroidChart创建带分组条的BarChart？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用MPAndroidChart创建带分组条的BarChart？
EN