codecamp

设置桑基图节点的关系数据

我们使用 series[i]-sankey.links[i] 来表示桑基图节点间的关系数据。示例如下:

links: [{
    source: 'n1',
    target: 'n2'
}, {
    source: 'n2',
    target: 'n3'
}]

节点关系数据属性

source

用于设置关系边的源节点名称

target

设置关系边的目标节点名称

value

设置关系边的数值,决定边的宽度。

lineStyle

关系边的线条样式。可以通过 normal 和 emphasis 两种状态进行设置。再下文中我们将介绍如何通过 normal 状态来设置关系边的线条样式。

series[i]-sankey.links[i].lineStyle.normal.color 

设置桑基图关系边的颜色,默认颜色为'#314656'。

series[i]-sankey.links[i].lineStyle.normal.opacity 

[ default: 0.2 ]

桑基图边的透明度,默认透明度为 0.2。

series[i]-sankey.links[i].lineStyle.normal.curveness 

桑基图边的曲度,默认曲度为 0.5。

series[i]-sankey.links[i].lineStyle.normal.shadowBlur 

图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。

示例:

{
    shadowColor: 'rgba(0, 0, 0, 0.5)',
    shadowBlur: 10
}
series[i]-sankey.links[i].lineStyle.normal.shadowColor 

阴影颜色。支持的格式同 color。

series[i]-sankey.links[i].lineStyle.normal.shadowOffsetX

阴影水平方向上的偏移距离,默认为 0。

series[i]-sankey.links[i].lineStyle.normal.shadowOffsetY

阴影垂直方向上的偏移距离。

ECharts线图标域属性介绍
ECharts:特定于桑基图的提示框浮层
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

ECharts配置项.setOption

ECharts图例组件配置项

ECharts图例组件配置 文本样式

ECharts xAxis配置 直角坐标系x轴

ECharts xAxis配置 x坐标轴名称的文本样式

ECharts xAxis配置 设置x坐标轴轴线

ECharts xAxis配置 x坐标轴刻度设置

ECharts xAxis配置 x坐标轴刻度标签设置

xAxis配置x坐标轴分隔线

xAxis配置坐标轴分隔区域设置

xAxis配置类目数据

ECharts xAxis配置 类目标签的文本样式

ECharts极坐标系的径向轴

如何使用dataZoom组件

ECharts工具栏组件(toolbox)

ECharts工具栏的feature属性

ECharts导出图片的操作

ECharts的数据视图工具

ECharts数据区域缩放工具

ECharts动态类型切换工具

ECharts区域选择组件(brush)

ECharts系列列表:平行坐标系

ECharts系列:主题河流图

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }