本文共 875 字,大约阅读时间需要 2 分钟。
symbolSize number, Array, Function
[ default: 4 ]
标记的大小,可以设置成诸如 10
这样单一的数字,也可以用数组分开表示宽和高,例如 [20, 10]
表示标记宽为20
,高为10
。
如果需要每个数据的图形大小不一样,可以设置为如下格式的回调函数:
(value: Array|number, params: Object) => number|Array
其中第一个参数 value
为 中的数据值。第二个参数params
是其它的数据项参数。
所以symbolSize可以全局设置和局部设置两种方式,值的设置方式有两种,单值和双值的形式。
指的方式:
1.单值形式:symbolSize: 4
2.双值形式:symbolSize: 【3,4】 (宽高)
数据的设置的方式区分全局和局部
1.全局
series: {
symbolSize: 4
}
2.局部
方法一:在data的每一项中去设置 symbolSize
series: [{ data: [{value: 820, symbolSize: 0}, {value: 820, symbolSize: 10}], symbol:'circle', smooth: true }]};
方法二 使用回调函数
var size = [16,0,0,0,8]series: [{ data: [ 820,820,800,900,780,500], symbol:'circle', symbolSize:(rawValue, params) => { params.symbolSize = size[params.dataIndex] return params.symbolSize }, type: 'line', smooth: true }]
效果图: