决策报表引用echarts图表官方文档给的是柱形图案例,那换成桑基图呢?怎么实现?无法直接套用

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);

image.png

FineReport 用户b1956520 发布于 2021-9-30 16:33 (编辑于 2021-9-30 16:35)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
15922204585Lv6高级互助
发布于2022-3-26 16:32

image.png

下载echarts官网的代码,拷到帆软相关位置

https://echarts.apache.org/examples/zh/index.html#chart-type-sankey

最佳回答
0
祈LLv6中级互助
发布于2021-9-30 17:56

image.png

用个报表块来采数据,之前做的一个桑葚图,现在好像版本升太高有报错跑不了

  • 3关注人数
  • 1225浏览人数
  • 最后回答于:2022-3-26 16:32
    请选择关闭问题的原因
    确定 取消
    返回顶部