// Android Chart Examples

SciChart Android ships with ~90 Android Chart Examples which you can browse, play with, view the source-code and even export each SciChart Android Chart Example to a stand-alone Android Studio project. All of this is possible with the new and improved SciChart Android Examples Suite, which ships as part of our Android Charts SDK.

DOWNLOAD SCICHART ANDROID

// Android 3D Date Axis3D

This example shows how to use Date Axis when building 3D Android Charts with SciChart Android Chart Library. The DateTimeAxis3D is a Value-Axis and is suitable when the data on that axis is a DateTime.

SciChart Android Documentation:

Axis types in SciChart Android 3D Chart Library.

// Source Code

The full source code for the Android 3D Date Axis3D example is included below (Scroll down!).

Did you know you can also view the source code from one of the following sources as well?

Clone the SciChart.Android.Examples from Github.
Or, view source and export each example to an Android Studio project from the Java version of the SciChart Android Examples app.
Also the SciChart Android Trial contains the full source for the examples (link below).

DOWNLOAD THE ANDROID CHART EXAMPLES

Android 3D Date Axis3D - View Source Code for this example

The SciChart Examples source code is available on Github and viewable in-app for some platforms

// Kotlin: DateAxis3DFragment.kt

//******************************************************************************
// SCICHART® Copyright SciChart Ltd. 2011-2021. All rights reserved.
//
// Web: http://www.scichart.com
// Support: support@scichart.com
// Sales:   sales@scichart.com
//
// DateAxis3DFragment.kt is part of SCICHART®, High Performance Scientific Charts
// For full terms and conditions of the license, see http://www.scichart.com/scichart-eula/
//
// This source code is protected by international copyright law. Unauthorized
// reproduction, reverse-engineering, or distribution of all or any portion of
// this source code is strictly prohibited.
//
// This source code contains confidential and proprietary trade secrets of
// SciChart Ltd., and should at no time be copied, transferred, sold,
// distributed or made available without express written permission.
//******************************************************************************

package com.scichart.examples.fragments.examples3d.axis3D.kt

import com.scichart.charting3d.visuals.SciChartSurface3D
import com.scichart.charting3d.visuals.renderableSeries.data.GradientColorPalette
import com.scichart.core.utility.DateIntervalUtil
import com.scichart.data.model.DoubleRange
import com.scichart.drawing.utility.ColorUtil
import com.scichart.examples.fragments.base.ExampleSingleChart3DBaseFragment
import com.scichart.examples.utils.scichartExtensions.*
import java.util.*

class DateAxis3DFragment : ExampleSingleChart3DBaseFragment() {

    override fun initExample(surface3d: SciChartSurface3D) {
        val calendar = Calendar.getInstance().apply {
            clear()
            set(2019, Calendar.MAY, 1)
        }

        val date = calendar.time
        val daysCount = 7
        val measurementsCount = 24

        surface3d.suspendUpdates {
            xAxis = dateAxis3D {
                subDayTextFormatting = "HH:mm"
                maxAutoTicks = 8
            }
            yAxis = numericAxis3D { growBy = DoubleRange(0.0, 0.1) }
            zAxis = dateAxis3D {
                textFormatting = "dd MMM"
                maxAutoTicks = 5
            }

            renderableSeries {
                waterfallRenderableSeries3D {
                    waterfallDataSeries3D<Date, Double, Date>(measurementsCount, daysCount) {
                        startX = date
                        stepX = Date(DateIntervalUtil.fromMinutes(30.0))
                        startZ = date
                        stepX = Date(DateIntervalUtil.fromDays(1.0))

                        for (z in 0 until daysCount) {
                            val temperatures = TEMPERATURES[z]
                            for (x in 0 until measurementsCount) {
                                updateYAt(x, z, temperatures[x])
                            }
                        }
                    }
                    stroke = ColorUtil.Blue
                    strokeThickness = 1f
                    sliceThickness = 2f
                    yColorMapping = GradientColorPalette(
                        intArrayOf(ColorUtil.Red, ColorUtil.Orange, ColorUtil.Yellow, ColorUtil.GreenYellow, ColorUtil.DarkGreen),
                        floatArrayOf(0f, .25f, .5f, .75f, 1f)
                    )
                }
            }

            chartModifiers { defaultModifiers3D() }
        }
    }

    companion object {
        private val TEMPERATURES = arrayOf(
            doubleArrayOf(
                8.0, 8.0, 7.0, 7.0, 6.0, 6.0, 6.0, 6.0,
                6.0, 6.0, 6.0, 7.0, 7.0, 7.0, 8.0, 9.0,
                9.0, 10.0, 10.0, 10.0, 10.0, 10.0, 9.0, 9.0
            ),
            doubleArrayOf(
                9.0, 7.0, 7.0, 7.0, 6.0, 6.0, 6.0, 6.0,
                7.0, 7.0, 8.0, 9.0, 9.0, 12.0, 15.0, 16.0,
                16.0, 16.0, 17.0, 16.0, 15.0, 13.0, 12.0, 11.0
            ),
            doubleArrayOf(
                11.0, 10.0, 9.0, 11.0, 7.0, 7.0, 7.0, 9.0,
                11.0, 13.0, 15.0, 16.0, 17.0, 18.0, 17.0, 18.0,
                19.0, 19.0, 18.0, 10.0, 10.0, 11.0, 10.0, 10.0
            ),
            doubleArrayOf(
                11.0, 10.0, 11.0, 10.0, 11.0, 10.0, 10.0, 11.0,
                11.0, 13.0, 13.0, 13.0, 15.0, 15.0, 15.0, 16.0,
                17.0, 18.0, 17.0, 17.0, 15.0, 13.0, 12.0, 11.0
            ),
            doubleArrayOf(
                13.0, 14.0, 12.0, 12.0, 11.0, 12.0, 12.0, 12.0,
                13.0, 15.0, 17.0, 18.0, 20.0, 21.0, 21.0, 22.0,
                22.0, 21.0, 20.0, 19.0, 17.0, 16.0, 15.0, 16.0
            ),
            doubleArrayOf(
                16.0, 16.0, 16.0, 15.0, 14.0, 14.0, 14.0, 12.0,
                13.0, 13.0, 14.0, 14.0, 13.0, 15.0, 15.0, 15.0,
                15.0, 15.0, 14.0, 15.0, 15.0, 14.0, 14.0, 14.0
            ),
            doubleArrayOf(
                14.0, 15.0, 14.0, 13.0, 14.0, 13.0, 13.0, 14.0,
                14.0, 16.0, 18.0, 17.0, 16.0, 18.0, 20.0, 19.0,
                16.0, 16.0, 16.0, 16.0, 15.0, 14.0, 13.0, 12.0
            )
        )
    }
}

// Java: DateAxis3DFragment.java

//******************************************************************************
// SCICHART® Copyright SciChart Ltd. 2011-2021. All rights reserved.
//
// Web: http://www.scichart.com
// Support: support@scichart.com
// Sales:   sales@scichart.com
//
// DateAxis3DFragment.java is part of SCICHART®, High Performance Scientific Charts
// For full terms and conditions of the license, see http://www.scichart.com/scichart-eula/
//
// This source code is protected by international copyright law. Unauthorized
// reproduction, reverse-engineering, or distribution of all or any portion of
// this source code is strictly prohibited.
//
// This source code contains confidential and proprietary trade secrets of
// SciChart Ltd., and should at no time be copied, transferred, sold,
// distributed or made available without express written permission.
//******************************************************************************

package com.scichart.examples.fragments.examples3d.axis3D;

import com.scichart.charting3d.model.dataSeries.waterfall.WaterfallDataSeries3D;
import com.scichart.charting3d.visuals.SciChartSurface3D;
import com.scichart.charting3d.visuals.axes.DateAxis3D;
import com.scichart.charting3d.visuals.axes.NumericAxis3D;
import com.scichart.charting3d.visuals.renderableSeries.data.GradientColorPalette;
import com.scichart.charting3d.visuals.renderableSeries.waterfall.WaterfallRenderableSeries3D;
import com.scichart.core.framework.UpdateSuspender;
import com.scichart.core.utility.DateIntervalUtil;
import com.scichart.examples.fragments.base.ExampleSingleChart3DBaseFragment;

import java.util.Calendar;
import java.util.Date;

import static com.scichart.drawing.utility.ColorUtil.Blue;
import static com.scichart.drawing.utility.ColorUtil.DarkGreen;
import static com.scichart.drawing.utility.ColorUtil.GreenYellow;
import static com.scichart.drawing.utility.ColorUtil.Orange;
import static com.scichart.drawing.utility.ColorUtil.Red;
import static com.scichart.drawing.utility.ColorUtil.Yellow;

import androidx.annotation.NonNull;

public class DateAxis3DFragment extends ExampleSingleChart3DBaseFragment {

    @Override
    protected void initExample(@NonNull SciChartSurface3D surface3d) {
        final DateAxis3D xAxis = sciChart3DBuilder.newDateAxis3D().withSubDayTextFormatting("HH:mm").withMaxAutoTicks(8).build();
        final NumericAxis3D yAxis = sciChart3DBuilder.newNumericAxis3D().withGrowBy(0, .1).build();
        final DateAxis3D zAxis = sciChart3DBuilder.newDateAxis3D().withTextFormatting("dd MMM").withMaxAutoTicks(5).build();

        final Calendar calendar = Calendar.getInstance();
        calendar.clear();
        calendar.set(2019, Calendar.MAY, 1);

        final Date date = calendar.getTime();

        final int daysCount = 7;
        final int measurementsCount = 24;
        
        final WaterfallDataSeries3D<Date, Double, Date> ds = new WaterfallDataSeries3D<>(Date.class, Double.class, Date.class, measurementsCount, daysCount);
        ds.setStartX(date);
        ds.setStepX(new Date(DateIntervalUtil.fromMinutes(30)));
        ds.setStartZ(date);
        ds.setStepZ(new Date(DateIntervalUtil.fromDays(1)));

        for (int z = 0; z < daysCount; z++) {
            final double[] temperatures = TEMPERATURES[z];
            for (int x = 0; x < measurementsCount; x++) {
                ds.updateYAt(x, z, temperatures[x]);
            }
        }

        final GradientColorPalette gradientFillColorPalette = new GradientColorPalette(
                new int[]{Red, Orange, Yellow, GreenYellow, DarkGreen},
                new float[]{0, .25f, .5f, .75f, 1}
        );

        final WaterfallRenderableSeries3D rs = sciChart3DBuilder.newWaterfallSeries3D()
                .withDataSeries(ds)
                .withStroke(Blue)
                .withStrokeThickness(1f)
                .withSliceThickness(2f)
                .withYColorMapping(gradientFillColorPalette)
                .build();

        UpdateSuspender.using(surface3d, () -> {
            surface3d.setXAxis(xAxis);
            surface3d.setYAxis(yAxis);
            surface3d.setZAxis(zAxis);

            surface3d.getRenderableSeries().add(rs);

            surface3d.getChartModifiers().add(sciChart3DBuilder.newModifierGroupWithDefaultModifiers().build());
        });
    }

    private static final double[][] TEMPERATURES = new double[][]{
            // day 1
            {
                    8, 8, 7, 7, 6, 6, 6, 6,
                    6, 6, 6, 7, 7, 7, 8, 9,
                    9, 10, 10, 10, 10, 10, 9, 9
            },
            // day 2
            {
                    9, 7, 7, 7, 6, 6, 6, 6,
                    7, 7, 8, 9, 9, 12, 15, 16,
                    16, 16, 17, 16, 15, 13, 12, 11,
            },
            // day 3
            {
                    11, 10, 9, 11, 7, 7, 7, 9,
                    11, 13, 15, 16, 17, 18, 17, 18,
                    19, 19, 18, 10, 10, 11, 10, 10
            },
            // day 4
            {
                    11, 10, 11, 10, 11, 10, 10, 11,
                    11, 13, 13, 13, 15, 15, 15, 16,
                    17, 18, 17, 17, 15, 13, 12, 11
            },
            // day 5
            {
                    13, 14, 12, 12, 11, 12, 12, 12,
                    13, 15, 17, 18, 20, 21, 21, 22,
                    22, 21, 20, 19, 17, 16, 15, 16
            },
            // day 6
            {
                    16, 16, 16, 15, 14, 14, 14, 12,
                    13, 13, 14, 14, 13, 15, 15, 15,
                    15, 15, 14, 15, 15, 14, 14, 14
            },
            // day 7
            {
                    14, 15, 14, 13, 14, 13, 13, 14,
                    14, 16, 18, 17, 16, 18, 20, 19,
                    16, 16, 16, 16, 15, 14, 13, 12
            }
    };
}

< BACK TO ALL ANDROID CHART CHART EXAMPLES

Android 3D Date Axis3D

// Android Chart Examples

// Android 3D Date Axis3D

// Source Code

// Kotlin: DateAxis3DFragment.kt

// Java: DateAxis3DFragment.java

ANDROID CHART EXAMPLES

2D Charts

Basic Chart Types

Chart Annotations

Create a Multiseries Chart

Create Custom Animations

Create Custom Charts

Create Realtime Charts

Create Stock Charts

Legends

Link Multiple Charts

Manipulate Series

Modify Axis Behavior

Styling and Theming

Tooltips and Hit Test

Zoom and Pan a Chart

3D Charts

Axis3D

Basic Chart Types

Create Custom Charts

Create Surface Mesh Chart

Manipulate series

Realtime 3D Charts

Style 3D Chart

Tooltips and Hit Test 3D Charts

Zoom and Pan 3D Chart

Featured Apps

Medical Charts

Performance Demos

Scientific Charts