import type { ScatterChartProps as ScatterChartPropsPreact } from '@sisense/sdk-ui-preact';
import type { PropType } from 'vue';
/**
 * Props of the {@link @sisense/sdk-ui-vue!ScatterChart | `ScatterChart`} component.
 */
export interface ScatterChartProps extends ScatterChartPropsPreact {
}
/**
 * A Vue component displaying the distribution of two variables on an X-Axis, Y-Axis,
 * and two additional fields of data that are shown as colored circles scattered across the chart.
 *
 * **Point**: A field that for each of its members a scatter point is drawn. The maximum amount of data points is 500.
 *
 * **Size**: An optional field represented by the size of the circles.
 * If omitted, all scatter points are equal in size. If used, the circle sizes are relative to their values.
 *
 * @example
 * Here's how you can use the ScatterChart component in a Vue application:
 * ```vue
 * <template>
      <ScatterChart
        :dataOptions="scatterChartProps.dataOptions"
        :dataSet="scatterChartProps.dataSet"
        :filters="scatterChartProps.filters"
      />
 * </template>
 *
 * <script setup lang="ts">
 * import { ref } from 'vue';
 * import { measureFactory, filterFactory } from '@sisense/sdk-data';
 * import * as DM from '../assets/sample-retail-model';
 * import { ScatterChart, type ScatterChartProps } from '@sisense/sdk-ui-vue';
 *
 * const dimProductName = DM.DimProducts.ProductName;
 * const measureTotalRevenue = measureFactory.sum(DM.Fact_Sale_orders.OrderRevenue, 'Total Revenue');
 * const scatterChartProps = ref<ScatterChartProps>({
    dataSet: DM.DataSource,
    dataOptions: {
      x: dimProductName,
      y: measureTotalRevenue,
    },
    filters: [filterFactory.topRanking(dimProductName, measureTotalRevenue, 10)],
  });
 * ```
 * <img src="media://vue-scatter-chart-example.png" width="800px" />
 * @param props - Scatter chart properties
 * @returns Scatter Chart component
 * @group Charts
 */
export declare const ScatterChart: import("vue").DefineComponent<{
    /**
     * {@inheritDoc @sisense/sdk-ui!ScatterChartProps.dataOptions}
     *
     * @category Data
     */
    dataOptions: {
        type: PropType<import("@sisense/sdk-ui-preact").ScatterChartDataOptions>;
        required: true;
    };
    /**
     * {@inheritDoc @sisense/sdk-ui!ScatterChartProps.dataSet}
     *
     * @category Data
     */
    dataSet: PropType<import("@sisense/sdk-data").DataSource | import("@sisense/sdk-data").Data | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!ScatterChartProps.filters}
     *
     * @category Data
     */
    filters: PropType<import("@sisense/sdk-data").FilterRelations | import("@sisense/sdk-data").Filter[] | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!ScatterChartProps.highlights}
     *
     * @category Data
     */
    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!ScatterChartProps.onBeforeRender}
     *
     * @category Callbacks
     */
    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!ScatterChartProps.onDataReady}
     *
     * @category Callbacks
     */
    onDataReady: PropType<((data: import("@sisense/sdk-data").Data) => import("@sisense/sdk-data").Data) | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!ScatterChartProps.onDataPointClick}
     *
     * @category Callbacks
     */
    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!ScatterChartProps.onDataPointContextMenu}
     *
     * @category Callbacks
     */
    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!ScatterChartProps.onDataPointsSelected}
     *
     * @category Callbacks
     */
    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").ScatterDataPointsEventHandler | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!ScatterChartProps.styleOptions}
     *
     * @category Chart
     */
    styleOptions: PropType<import("@sisense/sdk-ui-preact").ScatterStyleOptions | undefined>;
}, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>) | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    /**
     * {@inheritDoc @sisense/sdk-ui!ScatterChartProps.dataOptions}
     *
     * @category Data
     */
    dataOptions: {
        type: PropType<import("@sisense/sdk-ui-preact").ScatterChartDataOptions>;
        required: true;
    };
    /**
     * {@inheritDoc @sisense/sdk-ui!ScatterChartProps.dataSet}
     *
     * @category Data
     */
    dataSet: PropType<import("@sisense/sdk-data").DataSource | import("@sisense/sdk-data").Data | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!ScatterChartProps.filters}
     *
     * @category Data
     */
    filters: PropType<import("@sisense/sdk-data").FilterRelations | import("@sisense/sdk-data").Filter[] | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!ScatterChartProps.highlights}
     *
     * @category Data
     */
    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!ScatterChartProps.onBeforeRender}
     *
     * @category Callbacks
     */
    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!ScatterChartProps.onDataReady}
     *
     * @category Callbacks
     */
    onDataReady: PropType<((data: import("@sisense/sdk-data").Data) => import("@sisense/sdk-data").Data) | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!ScatterChartProps.onDataPointClick}
     *
     * @category Callbacks
     */
    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!ScatterChartProps.onDataPointContextMenu}
     *
     * @category Callbacks
     */
    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").ScatterDataPointEventHandler | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!ScatterChartProps.onDataPointsSelected}
     *
     * @category Callbacks
     */
    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").ScatterDataPointsEventHandler | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!ScatterChartProps.styleOptions}
     *
     * @category Chart
     */
    styleOptions: PropType<import("@sisense/sdk-ui-preact").ScatterStyleOptions | undefined>;
}>>, {}, {}>;