import ReactECharts from "echarts-for-react" ; export const StackedLinePlot = ( props ) => { const { title , xData , yData } = props ; const series = yData . map ( ( x ) => ( { name : x . name , type : "line" , stack : x . name , data : x . data , connectNulls : true , } ) ) ; const generalOptions = { title : { text : title , } , legend : { data : yData . map ( ( x ) => x . name ) , type : "scroll" , bottom : "3%" , } , tooltip : { trigger : "axis" , } , toolbox : { show : true , feature : { dataZoom : { yAxisIndex : "none" , } , magicType : { type : [ "line" , "bar" ] } , saveAsImage : { } , } , } , xAxis : { type : "category" , boundaryGap : false , data : xData , axisLabel : { width : 100 , overflow : "break" , } , } , yAxis : { type : "value" , } , series : series , } ; return < ReactECharts option = { generalOptions } />; } ;