Develop Reference

AchartEngine Barchart Spacing not working when orientation is vertical and number of elements are 2

I am having a AchartEngine Barchart. I have only two bars to show with Orientation as Vertical. The space between the two bars is very high and I am not able to change it. I have tried the following
1. Change the values passed to setBarSpacing() method from -100, -10, -.9, -.5, -.1, 0, .1, .5, .9, 10, 100
2. Used two XYSeries and then one. In both cases, the space is significant
3. Increased and decreased width of Bar
4. Set the min, max and values at different ranges. min = .9, max = 2.1, x1 = 1, x2 = 2
Nothing is working. Can some one please help me with this?

Try the following method.
The method below adds a barchart showing data for two months with values. If you want to change the color and some other properties, you are free to do that.
private void createChart() {
String[] mMonth = new String[] { "Jan", "Feb" };
int[] mData = new int[] { 20, 25 };
// creating XY series for Data
XYSeries series = new XYSeries("Performance");
// fill the data
for (int i = 0; i < mMonth.length; i++) {
series.add(i, mData[i]);
}
// create a dataset to hold each data series
XYMultipleSeriesDataset dataset = new XYMultipleSeriesDataset();
// Adding dataseries to datast
dataset.addSeries(series);
// create a renderer to customize the series
XYSeriesRenderer renderer = new XYSeriesRenderer();
renderer.setColor(Color.GREEN);
renderer.setFillPoints(true);
renderer.setLineWidth(2);
renderer.setDisplayChartValues(true);
renderer.setChartValuesTextSize(30);
// create a renderer to customize entire chart
XYMultipleSeriesRenderer mRenderer = new XYMultipleSeriesRenderer();
mRenderer.setXLabels(0);
mRenderer.setXTitle("Quarter 1");
mRenderer.setYTitle("Values in K");
mRenderer.setAxesColor(Color.BLACK);
mRenderer.setApplyBackgroundColor(true);
mRenderer.setBackgroundColor(Color.WHITE);
mRenderer.setMarginsColor(Color.WHITE);
mRenderer.setZoomButtonsVisible(false);
mRenderer.setZoomEnabled(false, false);
mRenderer.setPanEnabled(false, false);
// margins
int marginT = 50;
int marginL = 80;
int marginB = 15;
int marginR = 15;
mRenderer.setMargins(new int[] { marginT, marginL, marginB, marginR });
mRenderer.setShowLegend(false);
mRenderer.setAxisTitleTextSize(30);
// mRenderer.setChartTitleTextSize(20);
mRenderer.setLabelsTextSize(30);
mRenderer.setLegendTextSize(30);
// mRenderer.addXTextLabel(8, "OT");
mRenderer.setXAxisMin(-0.5);
mRenderer.setXAxisMax(3);
mRenderer.setYAxisMin(0);
mRenderer.setYLabelsAlign(Align.RIGHT);
mRenderer.setXLabelsColor(Color.BLACK);
mRenderer.setYLabelsColor(0, Color.BLACK);
mRenderer.setXLabels(0);
mRenderer.setBarSpacing(2);
// We want to avoid black border
// transparent margins
mRenderer.setMarginsColor(Color.argb(0x00, 0xff, 0x00, 0x00));
for (int i = 0; i < mMonth.length; i++) {
mRenderer.addXTextLabel(i, mMonth[i]);
}
// adding renderer to multiple renderer(chart)
mRenderer.addSeriesRenderer(renderer);
GraphicalView view = ChartFactory.getBarChartView(this, dataset,
mRenderer, Type.STACKED);
RelativeLayout layout = (RelativeLayout) findViewById(R.id.rlBarChart);
layout.addView(view, 0);
}
Hope this helps.

Disable Zoom but keep Pan enabled in achartengine android

I am trying to disable pinch zoom but still keep the pan for x true, so that I can scroll in the x axis to see my values
renderer.setPanEnabled(true, false);
renderer.setZoomEnabled(false, false);
This is not working. Zoom still seems to work and is not disabled. Any suggestions will be highly appreciated ?
Here is the code snippet :
public class PerformanceGraph {
public View getView(Context context, List<SessionData> sessionDataList,int filterViewTotalShots) {
int Y_MAX = (filterViewTotalShots*10);
int Y_MIN = 0;
int PADDING = (int)(Y_MAX*0.05);
XYMultipleSeriesRenderer seriesRenderer = new XYMultipleSeriesRenderer();
XYMultipleSeriesDataset dataset = new XYMultipleSeriesDataset();
// Adding the Goal Series
Integer goalScore = new GoalDatabase(context).GetGoalScore(filterViewTotalShots);
XYSeries lineGoal = new XYSeries("Goal");
lineGoal.add(0, goalScore);
if(sessionDataList.size() == 0){
lineGoal.add(0, goalScore);
}
else {
lineGoal.add(sessionDataList.size()-1, goalScore);
}
dataset.addSeries(lineGoal);
XYSeriesRenderer lineGoalRenderer = new XYSeriesRenderer();
lineGoalRenderer.setChartValuesSpacing(1f);
lineGoalRenderer.setColor(Color.rgb(140, 131, 131)); // #8c8383
lineGoalRenderer.setLineWidth(2f);
seriesRenderer.addSeriesRenderer(lineGoalRenderer);
// Adding Score Series
TimeSeries series = new TimeSeries("Scores");
for(int i=0;i<sessionDataList.size();i++) {
SessionData data = sessionDataList.get(i);
series.add(i, data.getTotalScore());
series.addAnnotation(Utils.customFormattedDate(data.getDate()), i, Y_MIN - (2*PADDING) );
// Creating line series to draw vertical lines
XYSeries line = new XYSeries("Line");
line.add(i, Y_MIN);
line.add(i, Y_MAX);
line.addAnnotation( data.getTotalScore() + "", i, Y_MAX + PADDING);
dataset.addSeries(line);
XYSeriesRenderer lineRenderer = new XYSeriesRenderer();
lineRenderer.setChartValuesSpacing(1f);
lineRenderer.setColor(Color.rgb(135, 38, 36)); // #7d2624
lineRenderer.setLineWidth(2f);
lineRenderer.setAnnotationsColor(Color.rgb(140, 131, 131)); // #8c8383
lineRenderer.setAnnotationsTextSize(22f);
seriesRenderer.addSeriesRenderer(lineRenderer);
}
dataset.addSeries(series);
XYSeriesRenderer renderer = new XYSeriesRenderer();
renderer.setPointStyle(PointStyle.CIRCLE);
renderer.setFillPoints(true);
renderer.setColor(Color.WHITE);
renderer.setLineWidth(4f);
renderer.setAnnotationsColor(Color.GRAY);
renderer.setAnnotationsTextSize(22f);
seriesRenderer.addSeriesRenderer(renderer);
seriesRenderer.setShowAxes(false);
seriesRenderer.setShowLegend(false);
seriesRenderer.setShowLabels(false);
seriesRenderer.setZoomButtonsVisible(false);
seriesRenderer.setPanEnabled(true, false);
seriesRenderer.setZoomEnabled(false, false);
seriesRenderer.setMargins(new int[] {0, 0, 0, 0});
seriesRenderer.setXAxisMin(-1);
seriesRenderer.setXAxisMax(10);
seriesRenderer.setYAxisMin(Y_MIN - (3*PADDING));
seriesRenderer.setYAxisMax(Y_MAX + (3*PADDING));
seriesRenderer.setPointSize(10f);
seriesRenderer.setTextTypeface(Typeface.createFromAsset(context.getAssets(), "fonts/Lifestyle Rounded M54.ttf"));
View view = ChartFactory.getLineChartView(context, dataset, seriesRenderer);
return view;
}
}

Means this the answer (as u commented) .I am writing it here so that it can help others.
seriesRenderer.setPanEnabled(true, false);
seriesRenderer.setZoomEnabled(false, false);

Drawing bar graph with achartengine

I am trying to generate a bar chart using achartengine . Bu I am getting error.
And my code is :
public GraphicalView getGraph(String[] labels,double[] values){
CategorySeries series = new CategorySeries(null);
for(int i = 0 ; i < labels.length ;i++){
series.add(labels[i], values[i]);
}
XYSeries mSeries = series.toXYSeries();
XYMultipleSeriesDataset dataset = new XYMultipleSeriesDataset();
dataset.addSeries(mSeries);
XYMultipleSeriesRenderer renderer = new XYMultipleSeriesRenderer();
renderer.setAxesColor(Color.BLUE);
renderer.setBackgroundColor(Color.GREEN);
renderer.setChartTitle("Exa");
SimpleSeriesRenderer sRenderer = new SimpleSeriesRenderer();
sRenderer.setColor(Color.BLUE);
renderer.addSeriesRenderer(sRenderer);
GraphicalView v = ChartFactory.getBarChartView(context, dataset, renderer,Type.DEFAULT);
return v;
}
What is wrong in this code?

There is another library available which is more simple than achartengine. HoloGraphLibrary
Thank you

How to Display AChartEngine bar chart properly

I am using achartengine 1.0.1 (latest) and want to demonstrate a bar chart.
This is what I want:
My Desired Graph
What I achieved so far
1:1 view:
Zoom-out View:
Problems:
the left and right portion of graph are lost in 1:1 view.
The distance between Bar is so much high. I need to reduce it.
The Bar is not appropriately above the text label.
The text label color is white. I tried setLabelColor() but not working.
The text-size above bar is small.
XAxis Text "AC", "WA" etc are overlapping with 1, 2, 3. I want to remove 1, 2, 3 and only show "AC", "WA" etc.
Do you know how to fix these problems? I need a graph approximately like my desired graph. Thanks in advance.
Edit:
This is my trying code:
public GraphicalView getView(Context context)
{
// Bar 1
XYMultipleSeriesDataset dataset = new XYMultipleSeriesDataset();
XYSeries ac = new XYSeries("AC");
XYSeries pe = new XYSeries("PE");
XYSeries wa = new XYSeries("WA");
XYSeries tl = new XYSeries("TL");
XYSeries ml = new XYSeries("ML");
XYSeries ce = new XYSeries("CE");
XYSeries re = new XYSeries("RE");
XYSeries ot = new XYSeries("OT");
ac.add(1, 291);
pe.add(2, 11);
wa.add(3, 204);
tl.add(4, 28);
ml.add(5, 0);
ce.add(6, 21);
re.add(7, 51);
ot.add(8, 4);
dataset.addSeries(ac);
dataset.addSeries(pe);
dataset.addSeries(wa);
dataset.addSeries(tl);
dataset.addSeries(ml);
dataset.addSeries(ce);
dataset.addSeries(re);
dataset.addSeries(ot);
XYMultipleSeriesRenderer mRenderer = new XYMultipleSeriesRenderer();
mRenderer.setChartTitle("Submission Statistics");
mRenderer.setXTitle("Verdict Code");
mRenderer.setYTitle("No. of Submissions");
mRenderer.setAxesColor(Color.BLACK);
mRenderer.setLabelsColor(Color.BLACK);
mRenderer.setApplyBackgroundColor(true);
mRenderer.setBackgroundColor(Color.WHITE);
mRenderer.setMarginsColor(Color.WHITE);
mRenderer.setZoomEnabled(true);
mRenderer.setZoomButtonsVisible(true);
mRenderer.setBarSpacing(-0.5);
// mRenderer.setMargins(new int[] {20, 30, 15, 0});
mRenderer.setAxisTitleTextSize(16);
mRenderer.setChartTitleTextSize(20);
mRenderer.setLabelsTextSize(15);
mRenderer.setLegendTextSize(15);
mRenderer.addXTextLabel(1, "AC");
mRenderer.addXTextLabel(2, "PE");
mRenderer.addXTextLabel(3, "WA");
mRenderer.addXTextLabel(4, "TL");
mRenderer.addXTextLabel(5, "ML");
mRenderer.addXTextLabel(6, "CE");
mRenderer.addXTextLabel(7, "RE");
mRenderer.addXTextLabel(8, "OT");
mRenderer.setBarWidth(50);
// mRenderer.setXAxisMax(9);
mRenderer.setXAxisMin(0);
mRenderer.setYAxisMin(0);
XYSeriesRenderer renderer = new XYSeriesRenderer();
renderer.setColor(Color.parseColor("#00AA00"));
renderer.setDisplayChartValues(true);
XYSeriesRenderer renderer2 = new XYSeriesRenderer();
renderer2.setColor(Color.parseColor("#666600"));
renderer2.setDisplayChartValues(true);
XYSeriesRenderer renderer3 = new XYSeriesRenderer();
renderer3.setColor(Color.parseColor("#FF0000"));
renderer3.setDisplayChartValues(true);
XYSeriesRenderer renderer4 = new XYSeriesRenderer();
renderer4.setColor(Color.parseColor("#0000FF"));
renderer4.setDisplayChartValues(true);
XYSeriesRenderer renderer5 = new XYSeriesRenderer();
renderer5.setColor(Color.parseColor("#6767D0"));
renderer5.setDisplayChartValues(true);
XYSeriesRenderer renderer6 = new XYSeriesRenderer();
renderer6.setColor(Color.parseColor("#AAAA00"));
renderer6.setDisplayChartValues(true);
XYSeriesRenderer renderer7 = new XYSeriesRenderer();
renderer7.setColor(Color.parseColor("#00AAAA"));
renderer7.setDisplayChartValues(true);
XYSeriesRenderer renderer8 = new XYSeriesRenderer();
renderer8.setColor(Color.parseColor("#000000"));
renderer8.setDisplayChartValues(true);
mRenderer.addSeriesRenderer(renderer);
mRenderer.addSeriesRenderer(renderer2);
mRenderer.addSeriesRenderer(renderer3);
mRenderer.addSeriesRenderer(renderer4);
mRenderer.addSeriesRenderer(renderer5);
mRenderer.addSeriesRenderer(renderer6);
mRenderer.addSeriesRenderer(renderer7);
mRenderer.addSeriesRenderer(renderer8);
return ChartFactory.getBarChartView(context, dataset,mRenderer, Type.DEFAULT);
}
Edit (After applying Dan's suggestion)
My new code:
.........
mRenderer.setChartTitle("Submission Statistics");
mRenderer.setXTitle("Verdict Code");
mRenderer.setYTitle("No. of Submissions");
mRenderer.setAxesColor(Color.BLACK);
mRenderer.setApplyBackgroundColor(true);
mRenderer.setBackgroundColor(Color.WHITE);
mRenderer.setMarginsColor(Color.WHITE);
mRenderer.setZoomEnabled(true);
mRenderer.setBarSpacing(-0.5);
mRenderer.setMargins(new int[] {20, 30, 15, 0});
mRenderer.setShowLegend(false);
mRenderer.setAxisTitleTextSize(16);
mRenderer.setChartTitleTextSize(20);
mRenderer.setLabelsTextSize(15);
mRenderer.setLegendTextSize(15);
mRenderer.addXTextLabel(1, "AC");
mRenderer.addXTextLabel(2, "PE");
mRenderer.addXTextLabel(3, "WA");
mRenderer.addXTextLabel(4, "TL");
mRenderer.addXTextLabel(5, "ML");
mRenderer.addXTextLabel(6, "CE");
mRenderer.addXTextLabel(7, "RE");
mRenderer.addXTextLabel(8, "OT");
mRenderer.setBarWidth(50);
mRenderer.setXAxisMin(-2);
mRenderer.setXAxisMax(11);
mRenderer.setYAxisMin(0);
mRenderer.setYLabelsAlign(Align.RIGHT);
mRenderer.setXLabelsColor(Color.BLACK);
mRenderer.setYLabelsColor(0, Color.BLACK);
mRenderer.setXLabels(0);
mRenderer.setChartValuesTextSize(16);
.........
Now the problems are:
mRenderer.setChartValuesTextSize(size); is not working as it is
deprecated
Bar text remains small till now
The highest bar is split off at the top
X Axis Label is not in proper alignment with bar

Following your numbering scheme:
You can fix this by setting the X axis min and max of the visible area: mRenderer.setXAxisMin(min); and mRenderer.setXAxisMax(max);
You can reduce it by increasing the width or by using the above methods such as there is more space to the left and right.
There is an opened issue for this.
Try mRenderer.setXLabelsColor(color);
renderer.setChartValuesTextSize(size);
mRenderer.setXLabels(0);
Edit:
Use renderer.setChartValuesTextSize(size);
Same as #1.
mRenderer.setYAxisMax(300);
Known issue: http://code.google.com/p/achartengine/issues/detail?id=312

I discovered that sizes are not correctly density calculated.
If u want:
mRenderer.setLabelsTextSize(15);
mRenderer.setLegendTextSize(15);
You need to set:
mRenderer.setLabelsTextSize(15* getResources().getDisplayMetrics().density);
mRenderer.setLegendTextSize(15* getResources().getDisplayMetrics().density);

I encounter the same problem. This is because AChartegine is trying to allocate enough space for each renderer so make a shift. This should simply resolved by Type.STACKED
Change
ChartFactory.getBarChartView(context, dataset,mRenderer, Type.DEFAULT);
to
ChartFactory.getBarChartView(context, dataset,mRenderer, Type.STACKED);
Hope this helps!

GraphicalView mChart = createIntent();
layout_graph.addView(mChart);
public GraphicalView createIntent() {
String[] titles = new String[] { " " };
List<Double> values = new ArrayList<Double>();
for (int i = 0; i < yaxes_value.size(); i++) {
// values.add(Double.parseDouble(yaxes_value.get(i)));
}
int[] colors = new int[] { Color.parseColor("#4DBA7A") };
XYMultipleSeriesRenderer renderer = buildBarRenderer(colors);
setChartSettings(renderer, "Simple Bar Chart", X_title, Y_title+type,
Color.BLACK, Color.BLACK,values);
for (int i = 0; i < Xaxes_value.size(); i++) {
renderer.addXTextLabel(i + 1, Xaxes_value.get(i));
}
int length = renderer.getSeriesRendererCount();
for (int i = 0; i < length; i++) {
SimpleSeriesRenderer seriesRenderer = renderer
.getSeriesRendererAt(i);
// seriesRenderer.setDisplayChartValues(true);
}
final GraphicalView grfv = ChartFactory.getBarChartView(
GraphActivity.this, buildBarDataset(titles, values), renderer,
Type.DEFAULT);
return grfv;
}
protected XYMultipleSeriesRenderer buildBarRenderer(int[] colors) {
XYMultipleSeriesRenderer renderer = new XYMultipleSeriesRenderer();
renderer.setAxisTitleTextSize(25);
renderer.setChartTitleTextSize(20);
renderer.setLabelsTextSize(20);
renderer.setLegendTextSize(20);
renderer.setPanEnabled(false, false);
renderer.setPanEnabled(false);
renderer.setZoomEnabled(false);
renderer.setZoomEnabled(false, false);
renderer.setBarSpacing(1f);
renderer.setBarWidth(50f);
renderer.setMarginsColor(Color.WHITE);
renderer.setXLabelsColor(Color.BLACK);
renderer.setYLabelsColor(0, Color.BLACK);
renderer.setApplyBackgroundColor(true);
renderer.setXLabelsAngle(335);
int length = colors.length;
for (int i = 0; i < length; i++) {
SimpleSeriesRenderer r = new SimpleSeriesRenderer();
r.setColor(colors[i]);
r.setChartValuesSpacing(10);
renderer.addSeriesRenderer(r);
}
return renderer;
}
protected XYMultipleSeriesDataset buildBarDataset(String[] titles,
List<Double> values) {
XYMultipleSeriesDataset dataset = new XYMultipleSeriesDataset();
int length = titles.length;
for (int i = 0; i < length; i++) {
CategorySeries series = new CategorySeries(titles[i]);
for (int j = 0; j < values.size(); j++) {
series.add(values.get(j));
}
dataset.addSeries(series.toXYSeries());
}
return dataset;
}
protected void setChartSettings(XYMultipleSeriesRenderer renderer,
String title, String xTitle, String yTitle, int axesColor,
int labelsColor,List<Double> values) {
renderer.setChartTitle(title);
renderer.setYLabelsAlign(Align.RIGHT);
renderer.setXTitle(xTitle);
renderer.setYTitle(yTitle);
renderer.setXAxisMin(0);
renderer.setXLabels(0);
renderer.setXLabelsPadding(10);
renderer.setYLabelsPadding(2);
renderer.setYAxisMin(0);
renderer.setMargins(new int[] { 40, 100, 40, 20 });
// renderer.setYAxisMin((Collections.min(values)) / 2);
// renderer.setYAxisMax((Collections.max(values))
// + (Collections.min(values)));
renderer.setXAxisMax(layout_addrow.getChildCount() + 1);
renderer.setAxesColor(axesColor);
renderer.setLabelsColor(labelsColor);
}

android - How to implement the Line Graph using Achartengine

I am new to Graph concept in android. In my app i want implement the line graph using achartengine. I have the demo of achartengine it consists a lot of code. I am not able to understand the line graph. I want simple Line graph using achartengine. Please can anybody help me.
thanks

Following method will generate random points (x,y) and add it to XYSeries (it is series of points to be plotted on chart).
private XYMultipleSeriesDataset getDemoDataset() {
XYMultipleSeriesDataset dataset = new XYMultipleSeriesDataset();
final int nr = 7;
Random r = new Random();
for (int i = 0; i < SERIES_NR; i++) {
XYSeries series = new XYSeries("Demo series " + (i + 1));
for (int k = 0; k < nr; k++) {
series.add(k, 20 + r.nextInt() % 100);
}
dataset.addSeries(series);
}
return dataset;
}
Following Method will return a multiple renderer which is used to draw line charts.
private XYMultipleSeriesRenderer getDemoRenderer() {
XYMultipleSeriesRenderer renderer = new XYMultipleSeriesRenderer();
renderer.setAxisTitleTextSize(12);
renderer.setChartTitleTextSize(12);
renderer.setLabelsTextSize(15);
renderer.setLegendTextSize(15);
renderer.setPointSize(5f);
renderer.setMargins(new int[] { 20, 30, 15, 0 });
XYSeriesRenderer r = new XYSeriesRenderer();
r.setColor(Color.BLACK);
r.setPointStyle(PointStyle.CIRCLE);
r.setFillBelowLine(false);
r.setFillPoints(true);
renderer.addSeriesRenderer(r);
setChartSettings(renderer);
return renderer;
}
Following method will set the settings for your chart. You can look for more options in docs provided by AChartEngine.
private void setChartSettings(XYMultipleSeriesRenderer renderer) {
renderer.setChartTitle("Chart demo");
renderer.setXTitle("x values");
renderer.setYTitle("y values");
renderer.setApplyBackgroundColor(false);
renderer.setRange(new double[] {0,6,-70,40});
renderer.setFitLegend(false);
renderer.setAxesColor(Color.BLACK);
renderer.setShowGrid(true);
renderer.setXAxisMin(0.5);
renderer.setXAxisMax(10.5);
renderer.setYAxisMin(0);
renderer.setZoomEnabled(false);
renderer.setYAxisMax(30);
}
You can now get the line chart in two ways:
Chart as a view which can be added to any layout:
ChartFactory.getLineChartView(this,
getDemoDataset(), getDemoRenderer());
Chart as an Intent for a new activity alltogether
ChartFactory.getLineChartIntent(this,
getDemoDataset(), getDemoRenderer());
PS: SERIES_NR is a constant which tells how many line series you want to draw.