{{ target: series-effectScatter }}
The scatter (bubble) graph with ripple animation. The special animation effect can visually highlights some data.
Tip: The effects of map was achieved through markPoint in ECharts 2.x. However, in ECharts 3, effectScatter on geographic coordinate is recommended for achieving that effects of map.
{{ use: partial-component-id( prefix = “#” ) }}
{{ use: partial-series-name() }}
{{ use: partial-legend-hover-link() }}
Type of effect. Only ripple effect of 'ripple'
is supported currently.
When to show the effect.
**Options: **
'render'
Show the effect when rendering is done.'emphasis'
Show the effect when it is highlight (hover).Related configurations about ripple effect.
{{ use: partial-version( version = “4.4.0” ) }}
Color of the ripple rings. The default value is the color of scatter.
{{ use: partial-version( version = “5.2.0” ) }}
The number of ripples.
The period duration of animation, in seconds.
The maximum zooming scale of ripples in animation.
The brush type for ripples. options: 'stroke'
and 'fill'
.
{{ use: partial-coord-sys( seriesType = “bar”, coordSysDefault = “‘cartesian2d’”, cartesian2d = true, polar = true, geo = true, calendar = true ) }}
{{ use: partial-symbol( seriesType = “effectScatter”, defaultSymbol = “‘circle’”, defaultSymbolSize = 10, prefix = “#”, hasCallback = true ) }}
{{ use: partial-cursor() }}
{{ use: partial-label-desc() }}
{{ use: partial-label( prefix = “##”, defaultPosition = “‘inside’”, formatter = true ) }}
{{ use: partial-label-line-desc() }}
{{ use: partial-label-line( prefix = ‘##’, length2 = true, minTurnAngle = true, showAbove = true, smooth = true ) }}
{{ use: partial-label-layout( prefix = “##” ) }}
{{ use: partial-item-style-desc() }}
{{ use: partial-item-style( prefix = “##”, useColorPalatte = true, hasCallback = true ) }}
Configurations of emphasis state.
Whether to scale to highlight the data in emphasis state.
{{ use: partial-focus-blur-scope() }}
{{ use: effectScatter-state( prefix = “##” ) }}
{{ use: partial-version( version = “5.0.0” ) }}
Configurations of blur state. Available when emphasis.focus is set.
{{ use: effectScatter-state( prefix = “##” ) }}
{{ use: partial-version( version = “5.0.0” ) }}
Configurations of select state. Available when selectedMode is set.
{{ use: effectScatter-state( prefix = “##” ) }}
{{ use: partial-selected-mode( version = ‘5.0.0’ ) }}
{{ use: partial-seriesLayoutBy() }}
{{ use: partial-datasetIndex() }}
{{ use: partial-series-dimensions( prefix = “#” ) }}
{{ use: partial-series-encode( prefix = “#” ) }}
{{ use: partial-2d-data-desc() }}
{{ use: partial-symbol( seriesType = “effectScatter”, defaultSymbol = “‘circle’”, defaultSymbolSize = 4, prefix = “##”, name = “single data” ) }}
{{ use: partial-label( prefix = “###”, defaultPosition = “inside” ) }}
{{ use: partial-label-line-desc() }}
{{ use: partial-label-line( prefix = ‘###’, length2 = true, minTurnAngle = true, showAbove = true, smooth = true ) }}
{{ use: partial-item-style( prefix = “###” ) }}
Emphasis state of the specified single data.
{{ use: effectScatter-state( prefix = “###” ) }}
{{ use: partial-version( version = “5.0.0” ) }}
Blur state of the specified single data.
{{ use: effectScatter-state( prefix = “###” ) }}
Select state of the specified single data.
{{ use: effectScatter-state( prefix = “###” ) }}
{{ use: partial-tooltip-in-series-data() }}
{{ use: partial-marker( prefix = “#”, seriesType = “effectScatter”, hasCoord = true, hasType = true ) }}
{{ use: partial-clip( prefix = “#”, version = “5.1.0” ) }}
{{ use: partial-z-zlevel( prefix = “#” ) }}
{{ use: partial-silent( prefix = “#” ) }}
{{ use: partial-animation( prefix = “#” ) }}
{{ use: partial-tooltip-in-series() }}
{{ target: effectScatter-state }}
#${prefix} label(Object)
{{ use: partial-label( prefix = “#” + ${prefix}, formatter = ${prefix} === ‘##’ ) }}
#${prefix} labelLine(Object)
{{ use: partial-label-line-desc() }}
{{ use: partial-label-line( prefix = ‘#’ + ${prefix} ) }}
#${prefix} itemStyle(Object)
{{ use: partial-item-style( prefix = “#” + ${prefix} ) }}