aggregatedPointsPosition.md

id	dxChart.Options.commonAxisSettings.aggregatedPointsPosition
type	Enums.AggregatedPointsPosition
default	betweenTicks

---

shortDescription

Specifies the start position of the aggregated series points in the aggregation interval. Applies only to axes of continuous and logarithmic types.

---

---

jQuery

<!-- tab: index.js -->
$(function() {
    $("#chartContainer").dxChart({
        // ...
        commonAxisSettings: {
            aggregatedPointsPosition: 'crossTicks',
        },
    });
});

Angular

<!-- tab: app.component.html -->
<dx-chart ... >
    <dxo-chart-common-axis-settings [aggregatedPointsPosition]="crossTicks" >
    </dxo-common-series-settings>
</dx-chart>

<!-- tab: app.component.ts -->
import { Component } from '@angular/core';

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
})
export class AppComponent {
    // ...
}

<!-- tab: app.module.ts -->
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';

import { DxChartModule } from 'devextreme-angular';

@NgModule({
    declarations: [
        AppComponent
    ],
    imports: [
        BrowserModule,
        DxChartModule
    ],
    providers: [ ],
    bootstrap: [AppComponent]
})
export class AppModule { }

Vue

<!-- tab: App.vue -->
<template>
    <DxChart ... >
        <DxCommonAxisSettings :aggregated-points-position="crooTicks" />
    </DxChart>
</template>

<script>
import DxChart, {
    DxCommonAxisSettings
} from 'devextreme-vue/chart';

export default {
    components: {
        DxChart,
        DxCommonAxisSettings,
    },
    // ...
}
</script>

React

<!-- tab: App.js -->
import React from 'react';

import Chart, {
    CommonAxisSettings
} from 'devextreme-react/chart';

class App extends React.Component {
    render() {
        return (
            <Chart ... >
                <CommonAxisSettings aggregatedPointsPosition="crossTicks" />
            </Chart>
        );
    }
}
export default App;

ASP.NET Core Controls

<!--Razor C#-->
@(Html.DevExtreme().Chart()
    .CommonAxisSettings(s => s
        .AggregatedPointsPosition(AggregatedPointsPosition.CrossTicks)
    )
    // ...
)

ASP.NET MVC Controls

<!--Razor C#-->
@(Html.DevExtreme().Chart()
    .CommonAxisSettings(s => s
        .AggregatedPointsPosition(AggregatedPointsPosition.CrossTicks)
    )
    // ...
)

---

#####See Also#####

• Implement a Custom Aggregate Function