Marquee API

Difference from 10.0:

Supported this API in 10.0, as well as 10.0.19 and later versions.

opt: {

offset: number,

interval: number,

stopOnHover: boolean,

to: string

} 

Scrolling effect attribute in the JSON format.

offset: scrolling distance (5px by default), in px.

interval: time interval (0.1s by default), in s.

stopOnHover: whether to pause the scrolling when you hover your cursor over a report block, which is set to true by default.

true: pause

false: no pause

to: scrolling direction, which can be set to left or top (default value).

'top': to scroll up

'left': to scroll left

report.startMarquee();

Example 2: In a general report, you can achieve the default marquee effect. 

_g().startMarquee();

Example 3: In an FRM report, you can add the default marquee effect for the report block named report0. 

_g().getWidgetByName('report0').startMarquee();

Note: 

When adding the code in an After Initialization event, you are advised to add a delay function to postpone the execution. Otherwise, an error may occur due to incomplete creation of the report block object. The example is as follows:

setTimeout(function(){

     _g().getWidgetByName('report0').startMarquee();

}, 500);

Example 4: You can set a general report to scroll left by 2px every 0.3s and not to be paused when you hover your cursor over the report.

_g().startMarquee({        

 offset: 2,        

 interval: 0.3,        

 stopOnHover: false,

 to:'left'   

});

Example 5: You can set the report block named report0 in an FRM report to scroll left by 2px every 0.3s and not to be paused when you hover your cursor over the report block. 

setTimeout(function() {

 _g().getWidgetByName('report0').startMarquee({

  offset: 2,

  interval: 0.3,

  stopOnHover: false,

  to:'left'

 })

}, 500);

For details, you can download the template Enabling the Marquee Effect.frm.

The marquee effects of general reports can be previewed on H5 terminals, but cannot be previewed during data entry.

The marquee effects of FRM reports can be previewed on H5 terminals.

opt: {

mode: string,

speed: number,

to: string,

stay: number,

stopOnHover:boolean,

joinable:boolean, 

} 

Scrolling effect attribute in the JSON format.

mode: scrolling content, (displayed in full screen by default).

'item': scrolling by item

'page': full screen scrolling 

speed: scrolling speed (50 px/s by default), in px/s.

to: scrolling direction, which can be set to left or top (efault value).

'top': to scroll up

'left': to scroll left

stay: scrolling interval (0s by default), in s. 

stoopOnHover: whether to pause the scrolling when you hover your cursor over a dashboard, which is set to true by default.

true: pause

false: no pause

joinable: whether to scroll a dashboad in a head-to-tail way, which is set to false by default.

true: head-to-tail scrolling

false: scrolling from the beginning

setTimeout(() => {

        duchamp.getWidgetByName("Table component").startMarquee()     

}, 500);

report.stopMarquee();

Example 2: In a general report, you can disable the marquee effect set by startMarquee().

_g().stopMarquee();

Example 3: In an FRM report, you can disable the marquee effect of the report block named report0.

_g().getWidgetByName('report0').stopMarquee();

Example 4: In an FVS visualization dashboard, you can disable the marquee effect of a table component.

duchamp.getWidgetByName("table").stopMarquee();

For details, you can download the template Disabling the Marquee Effect.frm.

The marquee effects of FVS visualization dashboards can be previewed on the DataAnalyst app and H5 terminals.

The marquee effects of FRM reports can be previewed on H5 terminals, but cannot be previewed on the DataAnalyst app.