Time on X-axis On Android

Right now i’m using trial version but i’m looking forward to buy full version as to integrate the charts in my app . I am building an real time chart that update data according to time , which means simply i need Time on the x axis and numeric values on the y axis , but i’m not getting any hint how to get the time values on the x axis .

Version

1.0

Android Real-time charts

Abhishek Sadana asked 10 years ago

You must login to post comments

Answers (1)

Hi Abhishek,

Good question! SciChart’s Android Chart features a [DateAxis] which can be used to display date and time on the XAxis.

There is an example of use in the [Android Mountain Chart][2] example which has the following code to initialise a DateAxis and populate an XyDataSeries with Date data for X-Values.

package com.scichart.examples.fragments;
┬á
import ... // See https://www.scichart.com/android-mountain-chart-example for full imports
┬á
import java.util.Collections;
import java.util.Date;
┬á
public class MountainChartFragment extends ExampleBaseFragment {
┬á┬á┬á┬á@Bind(R.id.chart)
┬á┬á┬á┬áSciChartSurface surface;
┬á
┬á┬á┬á┬á@Override
┬á┬á┬á┬áprotected int getLayoutId() {
┬á┬á┬á┬á┬á┬á┬á┬áreturn R.layout.example_single_chart_fragment;
┬á┬á┬á┬á}
┬á
┬á┬á┬á┬á@Override
┬á┬á┬á┬áprotected void initExample() {
┬á┬á┬á┬á┬á┬á┬á┬áUpdateSuspender.using(surface, new Runnable() {
┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á@Override
┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬ápublic void run() {
┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬áfinal PriceSeries priceData = DataManager.getInstance().getPriceData(getActivity());
┬á
                // Initialises an XyDataSeries with type TX=Date and TY=Double
┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬áfinal IXyDataSeries<Date, Double> dataSeries = sciChartBuilder.newXyDataSeries(Date.class, Double.class).build();
┬á
                // Appends Date Data on X, and Double data on Y
┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬ádataSeries.append(priceData.getDateData(), priceData.getCloseData());
┬á
┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬áfinal IAxis xBottomAxis = sciChartBuilder.newDateAxis()
┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á.withGrowBy(new DoubleRange(0.1d, 0.1d))
┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á.build();
┬á
                // Declares the DateAxis
┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬áfinal IAxis yRightAxis = sciChartBuilder.newNumericAxis()
┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á.withGrowBy(new DoubleRange(0.1d, 0.1d))
┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á.build();
┬á
┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬áfinal IRenderableSeries rs1 = sciChartBuilder.newMountainSeries()
┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á.withDataSeries(dataSeries)
┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á.withXAxisId(xBottomAxis.getAxisId())
┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á.withYAxisId(yRightAxis.getAxisId())
┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á.withStrokeStyle(0xAAFFC9A8)
┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á.withAreaFillLinearGradientColors(0xAAFF8D42,0x88090E11)
┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á.build();
┬á
┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬áCollections.addAll(surface.getXAxes(), xBottomAxis);
┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬áCollections.addAll(surface.getYAxes(), yRightAxis);
┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬áCollections.addAll(surface.getRenderableSeries(), rs1);
┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬áCollections.addAll(surface.getChartModifiers(), sciChartBuilder.newModifierGroupWithDefaultModifiers().build());
┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á┬á}
┬á┬á┬á┬á┬á┬á┬á┬á});
┬á┬á┬á┬á}

Please take a look and let me know if it helps!

Best regards,
Andrew

Andrew Burnett-Thompson answered 10 years ago
last edited 1 year ago

- Abhishek Sadana
- 10 years ago
- 1
Actually here we are adding static data in this , but i need to show only current time like as “hh:mm” on x-axis , or is there any way we can add string values on the x-axis as i can parse the current time in string format after that i’ll append in series.
- Andrew Burnett-Thompson
- 10 years ago
I would think you can simply set the DateAxis.TextFormatting to allow the string to be formatted as hh:mm. Try calling dateAxis.setTextFormatting(“hh:mm”) with a Java date format string . For advanced string formatting there is a feature called LabelProvider which will allow strings on an axis. AxisBase.setLabelProvider(new CustomLabelProvider()) where CustomLabelProvider inherits LabelProviderBase https://www.scichart.com/documentation/android/v1.x/webframe.html#SciChart.Charting~com.scichart.charting.numerics.labelProviders.LabelProviderBase.html
- Sanjay John
- 6 years ago
Scroll and update time on X axis and value on Y axis
- Sanjay John
- 6 years ago
Xaxis shows 5:30 constant no changes