本文共 835 字，大约阅读时间需要 2 分钟。

symbolSize 参数说明

symbolSize 是一个可配置的参数，可用于设置图表中标记的大小。该参数既支持单值设置，也支持数组形式的宽高设置，具体如下：

参数类型

• 单值形式：symbolSize: 4
• 数组形式：symbolSize: [3, 4]（宽度和高度）

参数说明

该参数的设置支持全局和局部两种方式：

1. 全局设置

在整个图表配置中设置 symbolSize：

series: [{
  symbolSize: 4,
  type: 'circle',
  data: [820, 820, 800, 900, 780, 500],
  smooth: true
}]

2. 局部设置

在数据项中单独设置 symbolSize：

series: [{
  data: [
    { value: 820, symbolSize: 0 },
    { value: 820, symbolSize: 10 }
  ],
  symbol: 'circle',
  smooth: true
}]

3. 回调函数设置

如果需要根据数据值动态调整标记大小，可通过回调函数实现：

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;
  }
}]

示例说明

通过上述设置方式，可以实现不同数据项具有不同的图形大小。例如：

• 全局设置 symbolSize: 4 会使所有标记均匀设置为大小 4。
• 局部设置 symbolSize: [3, 4] 则会在数据项中分别设置宽度和高度。

转载地址：http://vld.baihongyu.com/