用js写一个动态的折线图echarts，要求数据是静态的，并且光标放上去后可以显示具体数据注意是动态的折线图，注意是echarts，

好的，您需要使用静态数据来创建动态的 echarts 折线图，同时需要能够在光标悬停时显示具体数据。下面是可以实现此功能的示例代码：

// 引入 echarts 库
import echarts from 'echarts';

// 初始化折线图实例
const myChart = echarts.init(document.getElementById('chart'));

// 定义静态数据
const data = [30, 40, 50, 60, 70, 80, 90];

// 配置折线图
const option = {
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'cross',
      crossStyle: {
        color: '#999'
      }
    }
  },
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    data: data,
    type: 'line',
    areaStyle: {}
  }]
};

// 设置折线图配置项
myChart.setOption(option);

// 添加事件监听
myChart.on('mousemove', function(params) {
  const dataIndex = params.dataIndex;
  const value = data[dataIndex];
  const point = params.event.offset;
  
  // 在光标悬停时显示具体数据
  myChart.showTooltip({
    dataIndex: dataIndex,
    name: 'Value',
    value: value,
    x: point[0] - 20,
    y: point[1] - 40
  });
});

以上代码创建了一个静态数据的动态线图，在鼠标悬停时可以显示具体数据。如果您有任何问题，请随时向我提问。