setTimeout(function() { //延时执行 // 清空标签控件里的内容 $("div[widgetname=LABEL0]").empty(); // 往标签控件里添加div,指定id $("div[widgetname=LABEL0]").append(""); var main = document.getElementById('main'); // 用于使 Echarts 自适应高度和宽度,通过标签控件计算 DOM 容器的高宽 var resizeMapContainer = function() { main.style.width = $("[widgetname='LABEL0']").width() + 'px'; main.style.height = $("[widgetname='LABEL0']").height() + 'px'; }; // 初始化容器的高宽 resizeMapContainer(); // 基于准备好的Dom,初始化echarts实例 var myChart = echarts.init(main); // 指定图表的配置项和数据 /*选项*/ option = { /*标题*/ title: { /*文本*/ subtext: '关系桑基图', /*左:中间*/ left: 'center' }, /*背景颜色*/ backgroundColor: '#FFFFFF',
/*系列 类型:“sankey”, 左:50.0, 顶部:20.0, 右:150.0, 底部:25.0 */
series: [ { type: 'sankey', left: 50.0, top: 20.0, right: 150.0, bottom: 25.0, /* 数据: { 名称:“Werne”, 项目样式:{ 颜色:“#f18bbf”, 边框颜色:“#f18bbf” } */ data: date_1,
/* 链接: { 资料来源:“FRF”, 目标:“冒牌货”, 价值:357.839996378906 } */ links: links_1, /* 线条样式:{ 颜色:'源', 弯曲度:0.5 }, */ lineStyle: { color: 'source', curveness: 0.1 }, /* 项目样式:{ 颜色:“#1f77b4”, 边框颜色:“#1f77b4” } */ itemStyle: { color: '#1f77b4', borderColor: '#1f77b4' }, /* 标签:{ 颜色:“rgba(0,0,0,0.7)”, 字体系列:“Arial”, 字体大小:10 } */ label: { color: 'rgba(0,0,0,0.7)', fontFamily: 'Arial', fontSize: 10 } } ], /* 工具提示:{ 触发器:“项目” } */ tooltip: { trigger: 'item' } }; // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); // 监控窗口大小变化 window.addEventListener("resize", function() { // 重置容器高宽 resizeMapContainer(); myChart.resize(); }); }, 500); |