Page 1 of 1
chart background + remove grid in Android
Posted: Wed Jan 25, 2012 2:26 pm
by 17061396
Hi,
i have two questions regarding chart background (or panel background) and removing the grid background in a line chart.
[*]lest's start with the chart background:
i managed to produce two graphs one is a 3D pie chart and the other is a line chart both of them presented in the images below
i am trying to remove the 3d like surface behind the graphs (they are marked in the pie with an arrow and in the chart with the left arrow)
this is the code i wrote for the pie:
Code: Select all
mPie = (RelativeLayout)mRootView.findViewById(R.id.status_disk_pie);
chart = new TChart(mRootView.getContext());
chart.getGraphics3D().getAspect().setView3D(true);
chart.getGraphics3D().getAspect().setChart3DPercent(30);
chart.setClickable(true);
chart.addChartMouseListener(new ChartMouseListener()
{
@Override
public void titleClicked(ChartMouseEvent arg0) {
}
@Override
public void legendClicked(ChartMouseEvent arg0) {
}
@Override
public void backgroundClicked(ChartMouseEvent arg0) {
}
@Override
public void axesClicked(ChartMouseEvent arg0) {
}
});
chart.getPanel().setColor(Color.TRANSPARENT); // background
chart.getPanel().setMarginBottom(1);
chart.getPanel().setMarginLeft(0);
chart.getPanel().setMarginRight(1);
chart.getPanel().setMarginTop(5);
chart.getLegend().setVisible(false);
chart.getHeader().setVisible(false);
Series pie = new Pie(chart.getChart());
pie.add(20,Color.green);
pie.add(80,Color.red);
pie.getMarks().setVisible(false); // disabels markers
chart.addSeries(pie);
mPie.addView(chart);
[*]the second question regards the grid of the line chart as presented in the 2nd image (right arrow)
how do i remove it from the graph ?
Thanks!
Re: chart background + remove grid in Android
Posted: Wed Jan 25, 2012 3:53 pm
by 17061365
As to the grid visibility:
// disable left axis grid
chart.getAxes().getLeft().getGrid().setDefaultVisible(false);
// disable bottom axis grid
chart.getAxes().getBottom().getGrid().setDefaultVisible(false);
// similar function for getTop() and getRight() grids.
// to change grid style, for example:
// import : import com.steema.teechart.drawing.DashStyle;
chart.getAxes().getLeft().getGrid().setStyle(DashStyle.DASHDOT);
Re: chart background + remove grid in Android
Posted: Wed Jan 25, 2012 4:07 pm
by 17061396
thanks,
i managed to remove the grid as you specified. is there any why to make the background transparent ?
any thoughts about the first question ?
Re: chart background + remove grid in Android
Posted: Wed Jan 25, 2012 4:22 pm
by yeray
Hi,
It's the Bevel. You can set it to BevelStyle.NONE:
Code: Select all
chart.getPanel().setBevelOuter(BevelStyle.NONE);
Re: chart background + remove grid in Android
Posted: Wed Jan 25, 2012 4:41 pm
by 17061396
Thanks,
the Bevel works great !
regarding the line chart, i removed the grid, but now i see a white background, is there any way to set it to transparent ?
Re: chart background + remove grid in Android
Posted: Wed Jan 25, 2012 5:42 pm
by 17061365
Regarding transparency of the background, you can use:
chart.getPanel().setTransparent(true);
As an aside, you could also use a range number to vary the 'pen' used to draw the chart parts.
chart.getPanel().setTransparency(50);
..or you may have an image background.
You might also have an imageview in your chart-enclosing layout view... much depends on exactly what effect you are trying to accomplish.
Re: chart background + remove grid in Android
Posted: Wed Jan 25, 2012 6:46 pm
by 17061396
Hi keith20mm,
are you referring question 1 or 2 in your latest post?
is there any way to post the values of each pie slice on the slices ? meaning to in a side legend or outside the pie chart ?
many thanks !
Re: chart background + remove grid in Android
Posted: Wed Jan 25, 2012 9:17 pm
by 17061365
In your code example above, you have:
chart.getLegend().setVisible(false);
This disabled drawing of the legend.
Change it to this:
chart.getLegend().setVisible(true);
and the legend will show the amounts for each slice.
In the TChart Android demo, if you select a Pie Series from the Series list, you'll see a sample legend near the plot bottom.
Re: chart background + remove grid in Android
Posted: Thu Jan 26, 2012 8:23 am
by 17061396
Hi,
i had grammar problem with my previous post (my bad), what i ment was :
is there any way to post the values of each pie slice ON the slices ? meaning NOT in a side legend or outside the pie chart ?
many thanks !
Re: chart background + remove grid in Android
Posted: Thu Jan 26, 2012 11:37 am
by yeray
Hi yos,
You could set a negative arrow length, and hide its pen:
Code: Select all
pie1.getMarks().setArrowLength(-80);
pie1.getMarks().getArrow().setVisible(false);
Re: chart background + remove grid in Android
Posted: Sun Jan 29, 2012 7:28 am
by 17061396
Hi Yeray,
your code works great, one thing though, changing the arrow size changes the scale of my pie chart.
any solution ?
Thanks
Re: chart background + remove grid in Android
Posted: Mon Jan 30, 2012 11:29 am
by yeray
Hi,
Note that the Pie is redimensioned in order to fit the marks, so changing the marks arrow length changes it.
You could try forcing a ChartRect in a similar way than in the example at "All Features\Welcome !\Chart styles\Standard\Pie\Multiple Pies". You can find this and other examples in the SWT/Swing features demo program included with the evaluation (with complete Java version at the moment, not just the TeeChart Java for Android version).