echarts统计x轴区间的数值实例代码详解

有时我们需要统计自定义echarts图，统计x轴区间的y轴数量。

思路是利用echarts的自定义配置：option.series[i].type='custom'中的renderItem(params, api)函数进行处理,这里包括了两个参数：params是对应每一个dataItem的数据信息;api是可调用的方法（api.value()和api.coord()）。详情可以查看官方文档。

以下是改自官方实例： https://www.echartsjs.com/examples/editor.html?c=bar-histogram ，把以下引用 ecStat.js来处理数据的部分修改成自己拼装成需要的格式

var bins = ecStat.histogram(girth);
var min = Infinity;
var max = -Infinity;
edata = echarts.util.map(bins.data, function (item, index) {
 var x0 = bins.bins[index].x0;
 var x1 = bins.bins[index].x1;
 interval = x1 - x0;
 min = Math.min(min, x0);　　
　　max = Math.max(max, x1);
　　return [x0, x1, item[1]];
});

原因是引用ecStat.js处理数据时，有时出现以下错误，暂时没找到解决方法。

改写后的代码显示效果如下：

总结

以上所述是小编给大家介绍的echarts统计x轴区间的数值实例代码详解，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！