Skip to main content

Watermark

Watermark customization​

ChartReactConfig contains object called watermark, and the property mode in it allows to choose between default chart watermark logic and your own.

Initially, the instrument mode is selected, which makes watermark data impossible to be changed, because inner logic is based on the selected instrument and displays information about it. If you want to change it, the custom mode should be applied to the watermark config

import React from 'react';
import { ChartReactAPI } from '@dx-private/dxchart5-react/dist/chart/view-models/api/chart-react-api.view-model';
import { ChartReactApp } from '@dx-private/dxchart5-react/dist/chart/chart-react-app';
import { CREATE_MOCK_PROVIDERS } from '@dx-private/dxchart5-react-mock-providers';
import BrowserOnly from '@docusaurus/BrowserOnly';
export const WaterMarkChartExample = () => {
    return <BrowserOnly>{() => <WaterMarkChartExampleBase />}</BrowserOnly>;
}

After that, watermark data could be changed as you like. In the example below watermark shows the selected chart type:

Further reading​