SciChart® the market leader in Fast WPF Charts, WPF 3D Charts, and iOS Chart & Android Chart Components
Android Chart Interactive Annotations
// Android Chart Examples
SciChart Android ships with ~60Â 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.
Demonstrates how you may interact with annotations that have been placed on a chart, using the Annotations API.
Annotation Types Include
– AxisMarkerAnnotation
– BoxAnnotation
– CustomAnnotation
– HorizontalLineAnnotation
– LineAnnotation
– LineArrowAnnotation
– TextAnnotation
– VerticalLineAnnotation
Tip!
To make an annotation Read-only, call the setIsEditable(false) on an Annotation. In this example, all the annotations have IsEditable=true. You can select them, drag and resize via the anchor-points.
// Source Code
The full source code for the Android Chart Interactive Annotations 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).
// example_single_chart_fragment.xml
<?xml version="1.0" encoding="utf-8"?><!--*************************************************************************-->
<!-- SCICHART® Copyright SciChart Ltd. 2011-2016. All rights reserved. -->
<!-- -->
<!-- Web: http://www.scichart.com -->
<!-- Support: support@scichart.com -->
<!-- Sales: sales@scichart.com -->
<!-- -->
<!-- example_single_chart_fragment.xml is part of the SCICHART® Examples. Permission is hereby granted -->
<!-- to modify, create derivative works, distribute and publish any part of this source -->
<!-- code whether for commercial, private or personal use. -->
<!-- -->
<!-- The SCICHART® examples are distributed in the hope that they will be useful, but -->
<!-- without any warranty. It is provided "AS IS" without warranty of any kind, either -->
<!-- expressed or implied. -->
<!--*************************************************************************-->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<com.scichart.charting.visuals.SciChartSurface
android:id="@+id/chart"
android:layout_width="fill_parent"
android:layout_height="fill_parent" />
</LinearLayout>
// InteractionWithAnnotationsFragment.java
//******************************************************************************
// SCICHART® Copyright SciChart Ltd. 2011-2017. All rights reserved.
//
// Web: http://www.scichart.com
// Support: support@scichart.com
// Sales: sales@scichart.com
//
// InteractionWithAnnotationsFragment.java is part of the SCICHART® Examples. Permission is hereby granted
// to modify, create derivative works, distribute and publish any part of this source
// code whether for commercial, private or personal use.
//
// The SCICHART® examples are distributed in the hope that they will be useful, but
// without any warranty. It is provided "AS IS" without warranty of any kind, either
// expressed or implied.
//******************************************************************************
package com.scichart.examples.fragments;
import android.graphics.Typeface;
import android.view.Gravity;
import com.scichart.charting.model.dataSeries.OhlcDataSeries;
import com.scichart.charting.modifiers.ZoomPanModifier;
import com.scichart.charting.visuals.SciChartSurface;
import com.scichart.charting.visuals.annotations.AnnotationCoordinateMode;
import com.scichart.charting.visuals.annotations.AnnotationSurfaceEnum;
import com.scichart.charting.visuals.annotations.HorizontalAnchorPoint;
import com.scichart.charting.visuals.annotations.LabelPlacement;
import com.scichart.charting.visuals.annotations.VerticalAnchorPoint;
import com.scichart.drawing.utility.ColorUtil;
import com.scichart.examples.R;
import com.scichart.examples.data.MarketDataService;
import com.scichart.examples.data.PriceSeries;
import com.scichart.examples.fragments.base.ExampleBaseFragment;
import java.util.Calendar;
import java.util.Collections;
import java.util.Date;
import butterknife.BindView;
public class InteractionWithAnnotationsFragment extends ExampleBaseFragment {
@BindView(R.id.chart)
public SciChartSurface surface;
@Override
public boolean showDefaultModifiersInToolbar() {
return false;
}
@Override
protected int getLayoutId() {
return R.layout.example_single_chart_fragment;
}
@Override
protected void initExample() {
final OhlcDataSeries<Date, Double> dataSeries = sciChartBuilder.newOhlcDataSeries(Date.class, Double.class).build();
final MarketDataService marketDataService = new MarketDataService(Calendar.getInstance().getTime(), 5, 5);
final PriceSeries data = marketDataService.getHistoricalData(200);
dataSeries.append(data.getDateData(), data.getOpenData(), data.getHighData(), data.getLowData(), data.getCloseData());
Collections.addAll(surface.getRenderableSeries(), sciChartBuilder.newCandlestickSeries().withDataSeries(dataSeries).build());
Collections.addAll(surface.getXAxes(), sciChartBuilder.newCategoryDateAxis().build());
Collections.addAll(surface.getYAxes(), sciChartBuilder.newNumericAxis().withVisibleRange(30d, 37d).build());
Collections.addAll(surface.getChartModifiers(), new ZoomPanModifier());
Collections.addAll(surface.getAnnotations(),
sciChartBuilder.newTextAnnotation()
.withIsEditable(true)
.withText("Buy!")
.withX1(10)
.withY1(30.5d)
.withVerticalAnchorPoint(VerticalAnchorPoint.Bottom)
.withFontStyle(20, ColorUtil.White)
.withZIndex(1) // draw this annotation above other annotations
.build(),
sciChartBuilder.newTextAnnotation()
.withBackgroundDrawableId(R.drawable.example_text_annotation_background)
.withIsEditable(true)
.withText("Sell!")
.withX1(50)
.withY1(34d)
.withFontStyle(20, ColorUtil.White)
.withPadding(8)
.withZIndex(1) // draw this annotation above other annotations
.build(),
sciChartBuilder.newTextAnnotation()
.withX1(80d).withY1(37d)
.withIsEditable(true)
.withText("Rotated text")
.withFontStyle(20, ColorUtil.White)
.withRotationAngle(30)
.withZIndex(1) // draw this annotation above other annotations
.build(),
sciChartBuilder.newBoxAnnotation()
.withIsEditable(true)
.withBackgroundDrawableId(R.drawable.example_box_annotation_background_4)
.withPosition(50, 35.5, 120, 32)
.build(),
sciChartBuilder.newLineAnnotation()
.withIsEditable(true)
.withStroke(2f, 0xAAFF6600)
.withPosition(40, 30.5d, 60, 33.5d)
.build(),
sciChartBuilder.newLineAnnotation()
.withIsEditable(true)
.withStroke(2f, 0xAAFF6600)
.withPosition(120, 30.5, 175, 36)
.build(),
sciChartBuilder.newLineArrowAnnotation()
.withArrowHeadWidth(16f)
.withArrowHeadLength(8f)
.withIsEditable(true)
.withPosition(50, 35d, 80, 31.4d)
.build(),
sciChartBuilder.newAxisMarkerAnnotation()
.withIsEditable(true)
.withY1(32.7d)
.build(),
sciChartBuilder.newAxisMarkerAnnotation()
.withAnnotationSurface(AnnotationSurfaceEnum.XAxis)
.withFormattedValue("Horizontal")
.withIsEditable(true)
.withX1(100)
.build(),
sciChartBuilder.newHorizontalLineAnnotation()
.withPosition(150d, 32.2d)
.withStroke(2, ColorUtil.Red)
.withHorizontalGravity(Gravity.RIGHT)
.withIsEditable(true)
.withAnnotationLabel(LabelPlacement.Axis)
.build(),
sciChartBuilder.newHorizontalLineAnnotation()
.withX1(130).withX2(160).withY1(33.9d)
.withIsEditable(true)
.withStroke(2, ColorUtil.Blue)
.withHorizontalGravity(Gravity.CENTER_HORIZONTAL)
.withAnnotationLabel(LabelPlacement.Left, "Left")
.withAnnotationLabel(LabelPlacement.Top, "Top")
.withAnnotationLabel(LabelPlacement.Right, "Right")
.build(),
sciChartBuilder.newVerticalLineAnnotation()
.withX1(20).withY1(35d).withY2(33d)
.withIsEditable(true)
.withStroke(2, ColorUtil.DarkGreen)
.withVerticalGravity(Gravity.CENTER_VERTICAL)
.build(),
sciChartBuilder.newVerticalLineAnnotation()
.withX1(40).withY1(34d)
.withIsEditable(true)
.withStroke(2, ColorUtil.Green)
.withVerticalGravity(Gravity.TOP)
.withAnnotationLabel(LabelPlacement.Top, null, 90)
.build(),
sciChartBuilder.newTextAnnotation()
.withCoordinateMode(AnnotationCoordinateMode.Relative)
.withHorizontalAnchorPoint(HorizontalAnchorPoint.Center)
.withText("EUR.USD")
.withFontStyle(Typeface.DEFAULT_BOLD, 72, 0x77FFFFFF)
.withX1(0.5d)
.withY1(0.5d)
.withZIndex(-1) // draw this annotation below other annotations
.build()
);
}
}