{{ 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.
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 = “#” ) }}
{{ 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} ) }}