1 概述

除了常规的图形属性设置，如果还需一些个性化的图形样式需求，可以通过自定义属性实现。

2 功能说明

自定义属性设置项可通过编写Echarts代码对图形的样式进行修改，左下方显示图形使用的版本，界面如下所示：

功能说明如下：

设置项说明
按钮示例生成参考示例，用户可参考示例编写自定义属性。
格式化调整Echarts代码的格式。
说明文档可前往Echarts官网查看Echarts配置项的使用文档。
页面图形配置用于配置用户自定义编写的扩展代码，支持注释，支持的注释格式：/*ABC*/、//ABC   。
完整配置用于展示组件的完整属性代码，不允许修改。

3 场景示例

1、场景描述：添加自定义属性，使图形提示内容由销售量（合计）：xxx变为数值：xxx元，效果如下图所示：

2、操作步骤

（1）选中组件，点击组件设置，编辑自定义属性。

（2）将如下Echarts配置加入到自定义属性中：

方式一：使用formatter函数

"tooltip": {
"formatter": "function(a){return'发货区域:'+a.name+'</br>'+'数值:'+a.data.value[1]+'元'}"
}

方式二：使用函数

function test(a) {
 //返回标签内容
  return '发货区域:' + a.name + '</br>' + '数值:' + a.data.value[1] + '元'
}
option = {
  tooltip: {
     /*箭头函数*/
    formatter: (a) => {
      return test(a)
    }
  }
}

（3）点击确定，自定义属性效果生效，如下图所示：

关于Echarts的使用，可参考文档 Echarts基本使用方法。