-
-
缱绻 数据领袖Lv6
发表于2020-4-24 15:15
楼主
自定义组件应用场景:
在系统内置统计图不满足需求的情况下即可使用自定义组件，功能入口：报表分析-》echarts组件-》自定义组件，如下图：
2、举例：用自定义组件引用eahcarts中的日历图
此日历图地址：https://www.echartsjs.com/examples/zh/editor.html?c=calendar-simple
拖入自定义组件，设置计算后脚本：
（注意：由于echarts是一个公共对象 所以需要将代码中的echarts全部替换成echartsesen才可以用）
完整代码如下：
- function getVirtulData(year) {
- year = year || '2017';
- var date = +echartsesen.number.parseDate(year + '-01-01');
- var end = +echartsesen.number.parseDate(year + '-12-31');
- var dayTime = 3600 * 24 * 1000;
- var data = [];
- for (var time = date; time <= end; time += dayTime) {
- data.push([
- echartsesen.format.formatTime('yyyy-MM-dd', time),
- Math.floor(Math.random() * 10000)
- ]);
- }
- return data;
- }
- var option = {
- visualMap: {
- show: false,
- min: 0,
- max: 10000
- },
- calendar: {
- range: '2017'
- },
- series: {
- type: 'heatmap',
- coordinateSystem: 'calendar',
- data: getVirtulData(2017)
- }
- };
- return option;
