echarts瀑布图_Echarts自定义瀑布图开发

基于Echart实现的自定义瀑布图 demo

自定义测试Echart系列

#root{

width: 500px;

height: 300px;

}

body{

display: flex;

min-height: 100vh;

justify-content: center;

align-items: center;

}

var chart = echarts.init(document.querySelector("#root"));

var data = [

{name:"aaa",value:100},

{name:"bbb",value: -10},

{name:"ccc",value: 50},

{name:"ddd",value: -20},

{name:"eee",value:-40},

{name:"fff",value:80},

// {name:"ggg",value:160},

];

var legend = {

start: "统计期量",

end:"统计期量",

minus:"回落",

positive:"增加"

}

// 获取系列的函数 可以配色

function getSeries(arr, renderItemName, legend){

var sum = 0;