seven.html 2.4 KB
<!DOCTYPE html>
<html style="height: 100%;width: 100%;">

<head>
    <script src="ue.js"></script>
    <meta charset="utf-8">
</head>

<body style="height: 100%;width: 100%; margin: 0;font-size:1rem;line-height:150%;overflow-y: hidden;overflow-x:hidden;">
    <div id="container" style="height: 100%;width: 100%;"></div>
    <script type="text/javascript" src="jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="echarts.min.js"></script>
    <script type="text/javascript" src="ajax.js"></script>
    <script type="text/javascript">


        var dom = document.getElementById("container");
        var myChart = echarts.init(dom);
        var app = {};
        var option;

        function eacharsassignment(s) {
            console.log(s);



            var name = s.name;
            var dataX = s.dataX;
            var dataY1 = s.dataY1;
            var dataY2 = s.dataY2;
          
            
            option = {
              tooltip: {
    trigger: "axis",
    axisPointer: {
      // 坐标轴指示器,坐标轴触发有效
      type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
    },
  },
  grid: {
    top: '15%',
                    left: '0%',
                    right: '0%',
                    bottom: '0%',
                    containLabel: true,
                },

  xAxis: {
    type: 'category',
    axisLine: {
      lineStyle: {
        color: "white",
      },
    },
    data: dataX
  },
  yAxis: {
    axisLine: {
      lineStyle: {
        color: "white",
      },
    },
    type: 'value'
    
  },
  series: [
    {
    name: name[0],
    type: "line",
    smooth: true,
    symbolSize: 9,
    data: dataY1,
    barWidth: "20%",
    itemStyle: {
      normal: {
         lineStyle: {
        color: "rgba(67, 209, 223, 1)",
        width: 3
      },
        color: "rgba(67, 209, 223, 1)",
      },
    },
  },
  {
    name: name[1],
    type: "line",
    smooth: true,
    symbolSize: 9,
    data: dataY2,
    barWidth: "20%",
    itemStyle: {
      normal: {
        lineStyle: {
       color: "rgba(2, 112, 235, 1)",
        width: 3
      },
        color: "rgba(2, 112, 235, 1)",
      },
    },
  },
 
    

  ]
};


            if (option && typeof option === 'object') {

            }
            myChart.setOption(option);
        };




        ue.interface.setEchatsValue = function (s) {
            eacharsassignment(s);
            console.log(s);
        }
    </script>
</body>

</html>