<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--//引入echarts.js 可以echarts官网进行下载,然后放入项目中即可。如下图所示:--> <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.2.1/echarts.min.js"></script> </head> <body> <!-- 【2】为ECharts准备一个具备大小(宽高)的Dom --> <div id="main" style="width: 900px;height:600px;"></div> <script type="text/javascript"> // 【3】基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main'),'dark'); // 【4】指定图表的配置项和数据 var option = { // 标题 title: { text: '近一周粉丝增长趋势图' }, // 工具箱 toolbox: { show: true, feature: { saveAsImage: { show: true } } }, // 图例:在某一位置放置,可配置。可以打开或关闭某一项。 legend: { data: ['粉丝量'] }, // x轴 xAxis: { data: ["星期一", "星期二", "星期三", "星期四", "星期五", "星期六"] }, yAxis: {}, // 数据 series: [{ name: '粉丝量', type: 'line', data: [5, 20, 36, 10, 10, 20] }] }; // 【5】使用刚指定的配置项和数据显示图表。 myChart.setOption(option); </script> </body> </html>