@syncfusion/ej2-angular-charts 34.2.8 → 35.1.37

package/schematics/generators/chart-crosshair/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts

@@ -0,0 +1,77 @@
+import { Component, ViewEncapsulation } from '@angular/core';
+import { ChartDataService } from './assets/chart-data.service';
+import { ILoadedEventArgs, ChartTheme } from '@syncfusion/ej2-angular-charts';
+import { Browser } from '@syncfusion/ej2-base';
+import { axesData } from './assets/financial-data';
+
+/**
+ * Sample for Crosshair in chart
+ */
+@Component({
+    selector: '<%=dasherize(selector)%>',
+    templateUrl: '<%=dasherize(name)%>.component.html',
+    styleUrls: ['<%=dasherize(name)%>.component.css'],
+    encapsulation: ViewEncapsulation.None
+})
+export class <%= classify(name) %>Component {
+
+    //Initializing Primary X Axis
+    public primaryXAxis: Object = {
+        majorGridLines: { width: 0 },
+        valueType: 'DateTime',
+        crosshairTooltip: { enable: true },
+        labelFormat: 'MMM'
+    };
+    //Initializing Primary Y Axis
+    public primaryYAxis: Object = {
+        minimum: 83, maximum: 87, interval: 1,
+        title: 'Millions in USD',
+        labelFormat: '{value}M',
+        rowIndex: 0,
+        crosshairTooltip: {
+            enable: true
+        }
+    };
+    //Initializing Axes
+    public axes: Object = [
+        {
+            majorGridLines: { width: 0 },
+            rowIndex: 0,
+            opposedPosition: true,
+            minimum: 82, maximum: 88, interval: 2,
+            name: 'yAxis',
+            title: 'Millions in USD (Stock)',
+            crosshairTooltip: { enable: true }
+        }
+    ];
+    public border: Object = {
+        width: 1.5
+    };
+    public legend: Object = {
+        visible: false
+    }
+    public chartArea: Object = {
+        border: {
+            width: 0
+        }
+    };
+
+    public width: string = Browser.isDevice ? '100%' : '80%';
+    public load(args: ILoadedEventArgs): void {
+        let selectedTheme: string = location.hash.split('/')[1];
+        selectedTheme = selectedTheme ? selectedTheme : 'Material';
+        args.chart.theme = <ChartTheme>(selectedTheme.charAt(0).toUpperCase() + selectedTheme.slice(1));
+    };
+    public marker: Object = {
+        visible: true
+    }
+    public title: string = 'Conns,Inc Stock Details';
+    public majorGridLines: Object = { width: 0 };
+    public crosshairLabel: Object = { enable: true };
+    public series1: Object = axesData;
+    public series2: Object = axesData;
+    constructor() {
+        //code
+    };
+
+}

package/schematics/generators/chart-crosshair/samples/__path__/__name@dasherize@if-flat__/assets/chart-data.service.ts

@@ -0,0 +1,130 @@
+import { secureRandom } from "../../../../spec/chart/base/data.spec";
+
+/**
+ * chart data source
+ */
+export class ChartDataService {
+    GetCrosshairData(): any {
+        let series1: Object[] = [];
+        let series2: Object[] = [];
+        let point1: Object;
+        let point2: Object;
+        let value: number = 60;
+        let value1: number = 50;
+        let i: number;
+        for (i = 1; i < 250; i++) {
+
+            if (secureRandom() > .5) {
+                value += secureRandom();
+                value1 += secureRandom();
+            } else {
+                value -= secureRandom();
+                value1 -= secureRandom();
+            }
+            point1 = { x: new Date(2000, i, 1), y: value };
+            point2 = { x: new Date(2000, i, 1), y: value1 };
+            series1.push(point1);
+            series2.push(point2);
+        }
+        return { 'series1': series1, 'series2': series2 };
+    }
+    GetScatterData(): any {
+        let series1: Object[] = [];
+        let series2: Object[] = [];
+        let point1: Object;
+        let value: number = 80;
+        let value1: number = 70;
+        let i: number;
+        for (i = 1; i < 120; i++) {
+            if (secureRandom() > 0.5) {
+                value += secureRandom();
+            } else {
+                value -= secureRandom();
+            }
+            value = value < 60 ? 60 : value > 90 ? 90 : value;
+            point1 = { x: (145 + (i / 3)).toFixed(1), y: value.toFixed(1) };
+            series1.push(point1);
+        }
+        for (i = 1; i < 120; i++) {
+            if (secureRandom() > 0.5) {
+                value1 += secureRandom();
+            } else {
+                value1 -= secureRandom();
+            }
+            value1 = value1 < 60 ? 60 : value1 > 90 ? 90 : value1;
+            point1 = { x: (145 + (i / 3)).toFixed(1), y: value1.toFixed(1) };
+            series2.push(point1);
+        }
+        return { 'series1': series1, 'series2': series2 };
+    }
+    GetLocalData(): any {
+        let series1: Object[] = [];
+        let series2: Object[] = [];
+        let point1: Object;
+        let point2: Object;
+        let value: number = 80;
+        let value1: number = 90;
+        let i: number;
+        for (i = 1; i < 500; i++) {
+
+            if (secureRandom() > .5) {
+                value += secureRandom();
+                value1 += secureRandom();
+            } else {
+                value -= secureRandom();
+                value1 -= secureRandom();
+            }
+            point1 = { x: new Date(1960, (i + 1), i), y: Math.round(value) };
+            point2 = { x: new Date(1960, (i + 1), i), y: Math.round(value1) };
+            series1.push(point1);
+            series2.push(point2);
+        }
+        return { 'series1': series1, 'series2': series2 };
+    }
+    GetZoomingData(): any {
+        let series1: Object[] = [];
+        let point1: Object;
+        let value: number = 80;
+        let i: number;
+        for (i = 1; i < 500; i++) {
+            if (secureRandom() > .5) {
+                value += secureRandom();
+            } else {
+                value -= secureRandom();
+            }
+            point1 = { x: new Date(1950, i + 2, i), y: value.toFixed(1) };
+            series1.push(point1);
+        }
+        return { 'series1': series1 };
+    }
+    GetPolarSplineData(): any {
+        let cardData: Object[] = [];
+        let biDirData: Object[] = [];
+        let omniDirData: Object[] = [];
+        let point1: Object;
+        let point2: Object;
+    
+        for (let x: number = -180; x < 180; x++) {
+          point1 = { x: x, y: -12.6 * (1 - Math.cos(x * 3.14 / 180)) };
+          cardData.push(point1);
+          point2 = { x: x, y: -3};
+          omniDirData.push(point2);
+        }
+    
+        for (let x: number = -180; x < -90; x++) {
+          point1 = { x: x, y: -26 * (1 + Math.cos(x * 3.14 / 180))};
+          biDirData.push(point1);
+        }
+    
+        for (let x: number = -90; x < 90; x++) {
+          point1 = { x: x, y: -26 * (1 - Math.cos(x * 3.14 / 180))};
+          biDirData.push(point1);
+        }
+    
+        for (let x: number = 90; x < 180; x++) {
+          point1 = { x: x, y: -26 * (1 + Math.cos(x * 3.14 / 180))};
+          biDirData.push(point1);
+        }
+        return { 'series1': cardData, 'series2': omniDirData, 'series3': biDirData };
+    }
+}