export function LineChartRight()

in src/components/HomepageFeatures/index.tsx [174:220]

47 lines of code
3 McCabe index (conditional complexity)


export function LineChartRight(): JSX.Element {
  useEffect(() => {
    var myChart_obj=document.getElementById("LineChartRight")
    if (myChart_obj != null && myChart_obj != undefined){
      echarts.dispose(document.getElementById("LineChartRight"))
    }
    var myChart = echarts.init(document.getElementById("LineChartRight"));
    myChart.setOption({
      title: {
        text: 'QBS On Bytes',
        subtext: 'GET/SET benchmark',
        left: 'center'
      },
      xAxis: {
        type: 'category',
        data: [128,512,1024,4096],
        name:'Bytes'
      },
      yAxis: {
        type: 'value',
        name:'QPS'
      },
      series: [
        {
          data: [290000,260000,210000,94000],
          type: 'line',
          name:'SET'
        },
        {
          data: [400000,330000,305000,240000],
          type: 'line',
          name:'GET',
          color: "red",
          lineStyle:{
            color:"red"
          }
        }
      ],
      legend: {
        data: ['SET', 'GET'],
        x: 'right',
        y: 'top',
      },
    });
  })
  return <div id="LineChartRight" style={{width: "50%",height: "445px",marginLeft:"50px",marginTop:"40px"}} />
}