{{ target: series-effectScatter }}

series.effectScatter(Object)

带有涟漪特效动画的散点(气泡)图。利用动画特效可以将某些想要突出的数据进行视觉突出。

Tip: ECharts 2.x 中在地图上通过 markPoint 实现地图特效在 ECharts 3 中建议通过地理坐标系上的 effectScatter 实现。

type(string) = ‘effectScatter’

{{ use: partial-component-id( prefix = “#” ) }}

{{ use: partial-series-name() }}

{{ use: partial-legend-hover-link() }}

effectType(string) = ‘ripple’

特效类型,目前只支持涟漪特效'ripple'

showEffectOn(string) = ‘render’

配置何时显示特效。

可选:

  • 'render' 绘制完成后显示特效。
  • 'emphasis' 高亮(hover)的时候显示特效。

rippleEffect(Object)

涟漪特效相关配置。

color(string)

{{ use: partial-version( version = “4.4.0” ) }}

涟漪的颜色,默认为散点的颜色。

number(number) = 3

{{ use: partial-version( version = “5.2.0” ) }}

波纹的数量。

period(number) = 4

动画的周期,秒数。

scale(number) = 2.5

动画中波纹的最大缩放比例。

brushType(string) = ‘fill’

波纹的绘制方式,可选 'stroke''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() }}

label(Object)

{{ use: partial-label-desc() }}

{{ use: partial-label( prefix = “##”, defaultPosition = “‘inside’”, formatter = true ) }}

labelLine(Object)

{{ use: partial-label-line-desc() }}

{{ use: partial-label-line( prefix = ‘##’, length2 = true, minTurnAngle = true, showAbove = true, smooth = true ) }}

labelLayout(Object|Function)

{{ use: partial-label-layout( prefix = “##” ) }}

itemStyle(Object)

{{ use: partial-item-style-desc() }}

{{ use: partial-item-style( prefix = “##”, useColorPalatte = true, hasCallback = true ) }}

emphasis(Object)

高亮的图形和标签样式。

scale(boolean) = true

是否开启高亮后的放大效果。

{{ use: partial-focus-blur-scope() }}

{{ use: effectScatter-state( prefix = “##” ) }}

blur(Object)

{{ use: partial-version( version = “5.0.0” ) }}

淡出状态的配置。开启 emphasis.focus 后有效。

{{ use: effectScatter-state( prefix = “##” ) }}

select(Object)

{{ use: partial-version( version = “5.0.0” ) }}

选中状态的配置。开启 selectedMode 后有效。

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

data(Array)

{{ use: partial-2d-data-desc() }}

{{ use: partial-symbol( seriesType = “effectScatter”, defaultSymbol = “‘circle’”, defaultSymbolSize = 4, prefix = “##”, name = “单个数据” ) }}

label(Object)

{{ use: partial-label( prefix = “###”, defaultPosition = “inside” ) }}

labelLine(Object)

{{ use: partial-label-line-desc() }}

{{ use: partial-label-line( prefix = ‘###’, length2 = true, minTurnAngle = true, showAbove = true, smooth = true ) }}

itemStyle(Object)

{{ use: partial-item-style( prefix = “###” ) }}

emphasis(Object)

单个数据的高亮图形和标签样式。

{{ use: effectScatter-state( prefix = “###” ) }}

blur(Object)

{{ use: partial-version( version = “5.0.0” ) }}

单个数据的淡出图形和标签样式。

{{ use: effectScatter-state( prefix = “###” ) }}

select(Object)

单个数据的选中图形和标签样式。

{{ 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} ) }}