{{target: series-scatter}}
Scatter (bubble) chart . The scatter chart in rectangular coordinate could be used to present the relation between x
and y
. If data have multiple dimensions, the values of the other dimensions can be visualized through symbol with various sizes and colors, which becomes a bubble chart. These can be done by using with visualMap component.
It could be used with rectangular coordinate and polar coordinate and geographical coordinate.
{{use: partial-component-id(prefix=“#”)}}
{{ use: partial-series-name() }}
{{use: partial-coord-sys( seriesType=“bar”, coordSysDefault=“‘cartesian2d’”, cartesian2d=true, polar=true, geo=true, calendar=true )}}
Whether to enable the animation effect when mouse is on the symbol.
{{ use: partial-legend-hover-link }}
{{ use:partial-symbol( seriesType=“scatter”, defaultSymbol=“‘circle’”, defaultSymbolSize=10, prefix=“#”, hasCallback=true ) }}
{{use: partial-large( prefix=“#” )}}
{{ use: partial-cursor }}
{{use:partial-label-desc}} {{use:partial-label( prefix=“##”, defaultPosition=“‘inside’”, formatter=true )}}
{{use:partial-item-style-desc}} {{use:partial-item-style( prefix=“##”, useColorPalatte=true, hasCallback=true )}}
{{use:partial-label( prefix=“###”, formatter=true )}}
{{use:partial-item-style(prefix=“###”)}}
{{ use:partial-progressive( prefix=‘#’ ) }}
{{use:partial-series-dimensions( prefix=“#” )}}
{{use:partial-series-encode( prefix=“#” )}}
{{ use: partial-seriesLayoutBy }}
{{ use: partial-datasetIndex }}
{{ use: partial-2d-data-desc( galleryEditorPath = ${galleryEditorPath} ) }}
the name of data item.
the value of data item.
{{ use:partial-symbol( prefix=“##”, name=“single data” ) }}
{{ use:partial-label( prefix=“###”, defaultPosition=“inside” ) }}
the style setting about single data point(bubble).
{{use:partial-item-style(prefix=“###”)}}
{{ use:partial-label(prefix=“####”) }}
{{use:partial-item-style(prefix=“####”)}}
{{use: partial-tooltip-in-series-data( galleryViewPath=${galleryViewPath} )}}
{{use: partial-marker( prefix=“#”, galleryEditorPath=${galleryEditorPath}, seriesType=“scatter”, hasCoord=true, hasType=true )}}
{{use:partial-clip( prefix=“#” ) }}
{{use:partial-z-zlevel( prefix=“#”, componentName=“scatter chart” ) }}
{{ use:partial-silent( prefix=“#” ) }}
{{use: partial-animation( prefix=“#”, galleryEditorPath=${galleryEditorPath} )}}
{{use: partial-tooltip-in-series( galleryViewPath=${galleryViewPath} )}}