在ECharts中，可以使用formatter配置项来实现图表的自定义格式化。以下是一个示例，展示了如何使用formatter来格式化数据框的某个字段：

```javascript var option = { xAxis: { type: 'category', data: ['January', 'February', 'March', 'April', 'May', 'June', 'July'] }, yAxis: { type: 'value' }, series: [{ name: 'Sales', data: [20000, 21000, 22000, 23000, 24000, 25000, 26000] }] };

var data = option.data; var series = option.series;

series[0].formatter = function(value, index, data) { return '' + data[index]. Sales + ''; }; ```

在这个例子中，我们首先创建了一个option对象，然后设置了图表的X轴、Y轴和数据。接着，我们创建了一个名为series的数组，用于存储图表的数据。最后，我们设置了series[0]的数据格式为formatter，并传入了一个函数作为参数。

这个函数接受三个参数：value表示当前数据的值，index表示数据的索引，data表示当前数据的数据。函数返回一个字符串，其中包含了数据的值和颜色。在这个例子中，我们使用了<span>元素来表示数据，然后设置了颜色为绿色。