To see more details about the chart we provide tooltips, crosshairs and labels. This example shows that you can customize the look and feel of Tooltips in SciChart iOS 3D to meet your needs.

Read more about Tooltip Modifier in iOS 3D in SciChart documentation and tutorials.

// CustomSeriesTooltip3DChartView.m

//******************************************************************************
// SCICHART® Copyright SciChart Ltd. 2011-2019. All rights reserved.
//
// Web: http://www.scichart.com
// Support: support@scichart.com
// Sales:   sales@scichart.com
//
// CustomSeriesTooltip3DChartView.m 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.
//******************************************************************************

#import "CustomSeriesTooltip3DChartView.h"
#import <SciChart/SCISeriesTooltip3DBase+Protected.h>
#import <SciChart/SCISeriesInfo3DProviderBase+Protected.h>
#import "SCDDataManager.h"
#import "SCDRandomUtil.h"

@interface CustomXyzSerieesTooltip3D : SCIXyzSeriesTooltip3D
@end
@implementation CustomXyzSerieesTooltip3D
- (void)internalUpdate:(SCISeriesInfo3D *)seriesInfo {
    NSMutableString *tootlipText = @"This is Custom Tooltip \n".mutableCopy;
    [tootlipText appendFormat:@"Vertex id: %d\n", ((SCIXyzSeriesInfo3D *)seriesInfo).vertexId];
    [tootlipText appendFormat:@"X: %@\n", seriesInfo.formattedXValue.rawString];
    [tootlipText appendFormat:@"Y: %@\n", seriesInfo.formattedYValue.rawString];
    [tootlipText appendFormat:@"Z: %@", seriesInfo.formattedZValue.rawString];
    self.text = tootlipText;
    [self setSeriesColor:seriesInfo.seriesColor.colorARGBCode];
}
@end

@interface CustomSeriesInfo3DProvider : SCIDefaultXyzSeriesInfo3DProvider
@end
@implementation CustomSeriesInfo3DProvider

- (id<ISCISeriesTooltip3D>)getSeriesTooltipInternalWithSeriesInfo:(SCISeriesInfo3D *)seriesInfo modifierType:(Class)modifierType {
    if (modifierType == SCITooltipModifier3D.class) {
        return [[CustomXyzSerieesTooltip3D alloc] initWithSeriesInfo:seriesInfo];
    } else {
        return [super getSeriesTooltipInternalWithSeriesInfo:seriesInfo modifierType:modifierType];
    }
}
@end

@implementation CustomSeriesTooltip3DChartView

- (void)initExample {
    SCINumericAxis3D *xAxis = [SCINumericAxis3D new];
    xAxis.growBy = [[SCIDoubleRange alloc] initWithMin:0.2 max:0.2];
    xAxis.visibleRange =  [[SCIDoubleRange alloc] initWithMin:-1.1 max:1.1];
    
    SCINumericAxis3D *yAxis = [SCINumericAxis3D new];
    yAxis.growBy = [[SCIDoubleRange alloc] initWithMin:0.2 max:0.2];
    yAxis.visibleRange =  [[SCIDoubleRange alloc] initWithMin:-1.1 max:1.1];
    
    SCINumericAxis3D *zAxis = [SCINumericAxis3D new];
    zAxis.growBy = [[SCIDoubleRange alloc] initWithMin:0.2 max:0.2];
    zAxis.visibleRange =  [[SCIDoubleRange alloc] initWithMin:-1.1 max:1.1];
    
    SCIXyzDataSeries3D *ds = [[SCIXyzDataSeries3D alloc] initWithXType:SCIDataType_Double yType:SCIDataType_Double zType:SCIDataType_Double];
    for (int i = 0; i < 500; ++i) {
        double m1 = SCDDataManager.randomBool ? -1.0 : 1.0;
        double m2 = SCDDataManager.randomBool ? -1.0 : 1.0;
        
        double x1 = SCDRandomUtil.nextDouble * m1;
        double x2 = SCDRandomUtil.nextDouble * m2;
        
        double temp = 1.0 - x1 * x1 - x2 * x2;
        
        double x = 2.0 * x1 * sqrt(temp);
        double y = 2.0 * x2 * sqrt(temp);
        double z = 1.0 - 2.0 * (x1 * x1 + x2 * x2);
        
        [ds appendX:@(x) y:@(y) z:@(z)];
    }
    
    SCISpherePointMarker3D *pointMarker = [SCISpherePointMarker3D new];
    pointMarker.fillColor = 0x88FFFFFF;
    pointMarker.size = 7.f;
    
    SCIScatterRenderableSeries3D *rs = [SCIScatterRenderableSeries3D new];
    rs.dataSeries = ds;
    rs.pointMarker = pointMarker;
    rs.seriesInfoProvider = [CustomSeriesInfo3DProvider new];
    
    SCITooltipModifier3D *toolTipModifier = [SCITooltipModifier3D new];
    toolTipModifier.receiveHandledEvents = YES;
    toolTipModifier.crosshairMode = SCICrosshairMode_Lines;
    toolTipModifier.crosshairPlanesFill = [UIColor fromARGBColorCode:0x33FF6600];
    
    [SCIUpdateSuspender usingWithSuspendable:self.surface withBlock:^{
        self.surface.xAxis = xAxis;
        self.surface.yAxis = yAxis;
        self.surface.zAxis = zAxis;
        [self.surface.renderableSeries add:rs];
        [self.surface.chartModifiers addAll:toolTipModifier, [SCIPinchZoomModifier3D new], [SCIZoomExtentsModifier3D new], [[SCIOrbitModifier3D alloc] initWithDefaultNumberOfTouches:2], nil];
    }];
}

@end

// CustomSeriesTooltip3DChartView.swift

//******************************************************************************
// SCICHART® Copyright SciChart Ltd. 2011-2019. All rights reserved.
//
// Web: http://www.scichart.com
// Support: support@scichart.com
// Sales:   sales@scichart.com
//
// CustomSeriesTooltip3DChartView.swift 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.
//******************************************************************************

import SciChart.Protected.SCISeriesTooltip3DBase
import SciChart.Protected.SCISeriesInfo3DProviderBase

private let BlueColor: UInt32 = 0xFF0084CF
private let RedColor: UInt32 = 0xFFEE1110
private let SegmentsCount = 25
private let YAngle: Double = Double(GLKMathDegreesToRadians(-65))
private let CosYAngle: Double = cos(YAngle)
private let SinYAngle: Double = sin(YAngle)

class CustomSeriesTooltip3DChartView: SingleChartLayout3D {
    
    override func initExample() {
        let xAxis = SCINumericAxis3D()
        xAxis.growBy = SCIDoubleRange(min: 0.2, max: 0.2)
        xAxis.visibleRange = SCIDoubleRange(min: -1.1, max: 1.1)
        
        let yAxis = SCINumericAxis3D()
        yAxis.growBy = SCIDoubleRange(min: 0.2, max: 0.2)
        yAxis.visibleRange = SCIDoubleRange(min: -1.1, max: 1.1)
        
        let zAxis = SCINumericAxis3D()
        zAxis.growBy = SCIDoubleRange(min: 0.2, max: 0.2)
        zAxis.visibleRange = SCIDoubleRange(min: -1.1, max: 1.1)
        
        let dataSeries = SCIXyzDataSeries3D(xType: .double, yType: .double, zType: .double)
        for _ in 0 ..< 500 {
            let m1: Double = SCDDataManager.randomBool() == true ? -1.0 : 1.0
            let m2: Double = SCDDataManager.randomBool() == true ? -1.0 : 1.0
            
            let x1 = SCDRandomUtil.nextDouble() * m1
            let x2 = SCDRandomUtil.nextDouble() * m2
            
            let temp = 1.0 - x1 * x1 - x2 * x2
            
            let x = 2.0 * x1 * sqrt(temp)
            let y = 2.0 * x2 * sqrt(temp)
            let z = 1.0 - 2.0 * (x1 * x1 + x2 * x2)
            dataSeries.append(x: x, y: y, z: z)
        }
        
        let pointMarker = SCISpherePointMarker3D()
        pointMarker.size = 7.0
        pointMarker.fillColor = 0x88FFFFFF
        
        let rs = SCIScatterRenderableSeries3D()
        rs.dataSeries = dataSeries
        rs.pointMarker = pointMarker
        rs.seriesInfoProvider = CustomSeriesInfo3DProvider()
        
        let tooltipModifier = SCITooltipModifier3D()
        tooltipModifier.receiveHandledEvents = true
        tooltipModifier.crosshairMode = .lines
        tooltipModifier.crosshairPlanesFill = UIColor.fromARGBColorCode(0x33FF6600)
        
        SCIUpdateSuspender.usingWith(surface) {            
            self.surface.xAxis = xAxis
            self.surface.yAxis = yAxis
            self.surface.zAxis = zAxis
            self.surface.renderableSeries.add(rs)
            self.surface.chartModifiers.add(items: tooltipModifier, SCIPinchZoomModifier3D(), SCIZoomExtentsModifier3D(), SCIOrbitModifier3D(defaultNumberOfTouches: 2))
        }
    }
    
    private class CustomSeriesInfo3DProvider: SCIDefaultXyzSeriesInfo3DProvider {
        
        private class CustomXyzSerieesTooltip3D: SCIXyzSeriesTooltip3D {
            override func internalUpdate(_ seriesInfo: SCISeriesInfo3D) {
                var tootlipText = "This is Custom Tooltip \n"
                tootlipText += "Vertex id: \((seriesInfo as? SCIXyzSeriesInfo3D)?.vertexId ?? 0)\n"
                tootlipText += "X: \(seriesInfo.formattedXValue()?.rawString ?? "-")\n"
                tootlipText += "Y: \(seriesInfo.formattedYValue()?.rawString ?? "-")\n"
                tootlipText += "z: \(seriesInfo.formattedZValue()?.rawString ?? "-")"
                text = tootlipText
                setSeriesColor(seriesInfo.seriesColor.colorARGBCode())
            }
        }
        
        override func getSeriesTooltipInternal(seriesInfo: SCISeriesInfo3D, modifierType: AnyClass) -> ISCISeriesTooltip3D {
            if modifierType == SCITooltipModifier3D.self {
                return CustomXyzSerieesTooltip3D(seriesInfo: seriesInfo)
            } else {
                return super.getSeriesTooltipInternal(seriesInfo: seriesInfo, modifierType: modifierType)
            }
        }
    }
}

< BACK TO ALL IOS CHART CHART EXAMPLES