mrk*_*rks 1 javascript charts echarts apache-echarts
const dataSeries = [{
"name": "Containerburg"
},
{
"name": "HTCont1"
},
{
"name": "Kranstrom"
},
{
"name": "Wago3"
},
{
"name": "Wago5"
},
{
"name": "Wago2"
},
{
"name": "Heinrich Campus "
},
{
"name": "SubCont1"
},
{
"name": "Heinrich Campus"
}
];
const seriesLinks = [{
"source": "Containerburg",
"target": "HTCont1",
"value": 20.874000000000024
},
{
"source": "Kranstrom",
"target": "Wago3",
"value": 44.253999999999905
},
{
"source": "Containerburg",
"target": "Wago5",
"value": 126.2489999999998
},
{
"source": "Kranstrom",
"target": "Wago2",
"value": 151.63200000000006
},
{
"source": "Heinrich Campus ",
"target": "Kranstrom",
"value": 195.88599999999997
},
{
"source": "Containerburg",
"target": "SubCont1",
"value": 745.3199999999997
},
{
"source": "Heinrich Campus",
"target": "Containerburg",
"value": 892.4429999999995
}
];
option = {
series: [
{
type: "sankey",
data: dataSeries,
links: seriesLinks,
},
],
};
Run Code Online (Sandbox Code Playgroud)
Apache ECharts 自动将其从高值排序到低值 (SubCont1 < HTCont1),但我想颠倒顺序,使 HTCont1 位于顶部,SubCont1 位于底部。
这是一个工作示例,可以粘贴到https://echarts.apache.org/examples/en/editor.html或可以在此处查看http://jsfiddle.net/y7emL1np/
您可以使用该layoutIterations参数来实现此目的。将其设置为 0(零)将禁用所有基于权重/值的布局调整。
http://jsfiddle.net/yj5u9htb/
var option = {
series: [{
type: "sankey",
data: dataSeries,
links: seriesLinks,
layoutIterations: 0
}]
};
myChart.setOption(option);
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
1175 次 |
| 最近记录: |