用js写一个动态的折线图echarts

好的，以下是通过 JS 写一个动态的折线图echarts的代码示例：

首先，你需要在 HTML文档中引入 echarts 的库文件，例如：

<script type="text/javascript" src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts.min.js"></script>

然后在 JS 文件中编写以下代码：

// 指定折线图的配置项和数据
var option = {
    title: {
        text: '动态折线图',
        subtext: 'By Echarts'
    },
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            animation: false
        }
    },
    legend: {
        data: ['销量']
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['1', '2', '3', '4', '5', '6', '7']
    },
    yAxis: {
        type: 'value',
        boundaryGap: [0, '100%']
    },
    series: [
        {
            name: '数据',
            type: 'line',
            showSymbol: false,
            hoverAnimation: false,
            data: [10, 20, 30, 40, 50, 60, 70]
        }
    ]
};

// 使用刚指定的配置项和数据显示图表。
var myChart = echarts.init(document.getElementById('main'));
myChart.setOption(option);

// 动态更新数据
var count = 8;
setInterval(function () {
    var xdata = new Date().toLocaleTimeString().replace(/^\D*/,'');
    var ydata = Math.round(Math.random() * 100);
    option.xAxis.data.shift();
    option.xAxis.data.push(xdata);
    option.series[0].data.shift();
    option.series[0].data.push(ydata);
    myChart.setOption(option);
}, 1000);

将以上代码添加到 HTML 页面中，就可以生成一个实时更新的折线图，并动态观察数据的变化。注意，代码中的 "main" 是 HTML 页面中定义的一个使用 echarts 的 DIV 的 ID，需要替换成你的实际 DIV ID。